CSEdWeek offers a massive amount of content on their site. Nevertheless, their goal was to achieve a clear and engaging navigation experience to help users find exactly what they need.

After figuring out the sitemap, we searched for a core element that could promote all 5 calls to action. It was important for us to make this feature not only noticeable but also interactive and playful. In the end, we came up with an accordion widget that displays and collapses each of the calls to action on hover.

The accordion widget was built on a simple grid, so it could be reused multiple times across the site.

To soften the thick lines, we opted for a vibrant color palette which appears as large blocks of color on hover.

Simple shapes were used for the illustrations in each of the site’s inner pages.

To structure the content in the clearest way possible, we used different filtering systems to allow users to sort between the many resources offered to teachers, students and counselors by CSEdWeek.

The new CSEdWeek site increased the site’s engagement level as we saw in the analytics. Also, their SEO rank improved dramatically, making CSEdWeek’s mission more accessible to a growing number of students throughout the US.