Product

Product

Info Design

Info Design
Info Design

YorkU Research Study Infosite

Bespoke website showcasing research from York University's Global Labour Research Centre

No items found.
No items found.
No items found.

Overview

The pandemic has impacted almost every aspect of life, the workplace being no exception. As part of an international research effort to examine the effect of the pandemic on workplaces, researchers at York University's Global Labour Research Centre collected data from faculty and staff members (voluntarily) to better understand the impact of the pandemic on employee productivity, mental health, and overall well-being as well as examine shifting trends in employee wants and needs. The objective of this project was to visualize the aggregate data, which was compiled into a report, in a way that was accurate but also digestible.

Overview

The pandemic has impacted almost every aspect of life, the workplace being no exception. As part of an international research effort to examine the effect of the pandemic on workplaces, researchers at York University's Global Labour Research Centre collected data from faculty and staff members (voluntarily) to better understand the impact of the pandemic on employee productivity, mental health, and overall well-being as well as examine shifting trends in employee wants and needs. The objective of this project was to visualize the aggregate data, which was compiled into a report, in a way that was accurate but also digestible.

Overview

The pandemic has impacted almost every aspect of life, the workplace being no exception. As part of an international research effort to examine the effect of the pandemic on workplaces, researchers at York University's Global Labour Research Centre collected data from faculty and staff members (voluntarily) to better understand the impact of the pandemic on employee productivity, mental health, and overall well-being as well as examine shifting trends in employee wants and needs. The objective of this project was to visualize the aggregate data, which was compiled into a report, in a way that was accurate but also digestible.

No items found.
No items found.
No items found.

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 add 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 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 add 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 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 add 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.

No items found.
No items found.
No items found.

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.

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.

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.

More from

Sean

Branding

Product

Product

Branding

Product

Motion

Product