The selection of bar and pie charts help present the data in a clear and concise manner, while the chart colours align with the university's branding and identity.
The Design
Although the visual branding of the site is centred around the York University colour palette, the layout and interactions diverge from the university's website to create an immersive and engaging experience for readers. The site is custom built to display the content of the study, and each of the five sections of the study are optimized for the chart types they contain. The homepage was designed to scroll horizontally, creating a distinction between the report pages as well as a memorable interaction. The alternating colours and positioning of charts adds visual interest and flow to each page, while the section hero banners contain a custom bright gradient using university colours, which clearly indicate the beginning of a new section.
The Process
This project was developed over a period of 4 months, and involved much consultation between the researchers to ensure that the data was accurately represented. After the charts were collaboratively developed, the general web layout was researched and hand-sketched to provide a solid launch point for the project. Next, the specific structure and content of the site was detailed, followed by the development of wireframes using Figma. These wireframes were later expanded into high-fidelity mockups following the development of the website style guide, which included typographic hierarchy, colour palette, vector assets, images, and more. Finally, the site was developed, tested, and launched via a press release from the GLRC.