COLAB and CodeVA collaborated closely on the redesign of the website. The first step was to figure out how to break down some of the content silos that existed on the current site. The goal was to better integrate their content and improve their messaging by more clearly relating the range of efforts and activities CodeVA pursues.
This approach needed to be balanced with clear wayfinding for the distinct audiences CodeVA targets, namely educators engaged in teaching computer science, students wanting to learn computer science, and individuals and organizations who want to support access to computer science education.
COLAB and CodeVA worked collaboratively to reorganize their information architecture. The result is now both the messaging and navigation are much more clear and direct, especially on the home page where those two objectives are most important.
In the discovery process, COLAB visited the CodeVA office space to ensure that the visual design captured the energy, enthusiasm, and fun of the CodeVA environment, team, and mission. One of the more fun takeaways was a mural of the CodeVA owl mascot, which COLAB incorporated into the website footer.
Additionally, COLAB wanted to incorporate important aspects of CodeVA’s brand, such as the // from their logo (a reference to the syntax of the hypertext transfer protocol, more commonly known as http://), which is evident in stylized blocks across the site. More subtle and fun technology elements woven throughout the site in background patterns and menus helped achieve the intended design and messaging.