Overview
The Canada Learning Code (CLC) Annual Report 2021 project aimed to create an interactive and engaging web-based report that would showcase the impact of CLC’s coding education programs on diverse groups. The project was completed in a week and focused on data and information visualization. CLC had requested an emoji-based storytelling system for the report, but the given data was in the form of numbers and text, making it challenging to convey the impact of their programs effectively.
Roles and Skills
- Marketing Designer: Created designs that would attract and retain the attention of CLC’s donors utilizing skills in visual design, branding, and marketing strategy.
- User Interaction Designer: Focused on designing an intuitive and user-friendly interface that would make the report easy to navigate utilizing skills in UX design, information architecture, and prototyping.
Design Process
Single-page layout for validating concept ideas
To validate the concept ideas, I started with a single-page layout. This approach allowed me to quickly explore and combine the two themes chosen by the CLC marketing team – Memoji and Scratch. Since the target audience primarily accessed the website via desktop, I created the initial designs for desktop devices.
Rapid prototyping for interaction design
Once the design was confirmed, I proceeded with rapid prototyping to develop the interaction design. During this phase, I implemented the original Scratch theme’s drop-down menu design.
Enhanced web accessibility
Additionally, I enhanced the report’s web accessibility by updating the drop-down menu’s background color, which increased the color contrast and met the WCAG Level AA.
Visualizing Impact
The report highlighted CLC’s impact in 2021, where they reached 1,717 teachers who, in turn, taught 66,606 learners across Canada. The numbers show that, on average, one teacher taught 37 learners. These numbers were visualized using engaging charts and graphics to help donors better understand CLC’s impact.
Impact and Success
By leveraging my skills as a Marketing Designer and User Interaction Designer, I was able to create an engaging and accessible report that effectively communicated CLC’s impact on learners. The report’s interactive and emoji-based storytelling system made it easy for donors to understand the impact of CLC’s coding education programs.
In addition, the social media content that used my interactive report design had high user engagement, demonstrating the success of the design in reaching and resonating with CLC’s audience.