top of page

Canadian Space Agency

Role
Product Designer—user research, design, prototyping, and user testing

A government website that was not motivational towards young space enthusiasts searching for information on the Canadian Space Agency website. Making the site more space-themed might help to increase interest.

Canadian Space Agency: Text
Screen Shot 2021-05-23 at 5.52.15 PM.png
Canadian Space Agency: Image

The Challenge

The Canadian Space Agency is a Canada Government website used to inform and educate young people about space and careers in this sector. The existing site has very confusing navigation which would make it difficult for young users to find what they were looking for. We began with user tests and focusing on card sorting to simplify the navigation. 

Canadian Space Agency: Text
Canadian Space Agency: Image

Meet the Team

Canadian Space Agency: Team
Image by Agus Dietrich

Anita Esufali

Assistant Researcher & UI Designer

Image by Hudson Hintze

Dave Marseille

Head Researcher

Image by Zoltan Tasi

Anne Elaouiti

Team Leader & Head UI Designer

Research

We started by doing research and user interviews to uncover the issues with the navigation and overall site.

We learned that users found the existing navigation to be too complicated and confusing. Users expressed that they want a site that is simple to navigate and inspiring to look at.

Canadian Space Agency: Text

Affinity Diagram

Key points of how users felt during our user interviews

"The site is too bland, it needs more pictures to be as interesting as space"

"The site is not that interesting and really should be updated like the NASA site. Now that site makes space look good."

"Would like it if the site was easier to find things"

"Tried to go back to main page but kept clicking on the website logo that takes you to canada.ca not CSA"

"It would be nice if the site was easier to navigate and in a manner that made more sense."

"Too much information that they said they didn’t want to read or was unnecessary."

Canadian Space Agency: Experience

Design Process

We started by card sorting the existing site's navigation while also creating a site map and user flow to map out the direction of the redesign.

Using this direction I created a mobile wireframe with a focus on the new simplified navigation and a focus on adding space-inspiring images to the hero image. I also created a style guide and tile to help direct the design decisions that would occur during the prototyping phase.

Canadian Space Agency: Text
Screen%20Shot%202021-05-24%20at%2010.23_
Canadian Space Agency: Image
Screen Shot 2021-05-24 at 10.27.56 AM.pn
Canadian Space Agency: Image

User Testing

Armed with the wireframes I took them and conducted user testing to uncover the thoughts users had about the redesign. I learned that users found the site simple to navigate but pointed out that the design seemed to be outdated. With this in mind, I tried to update the design to suit a more modern design that is in line with a government website.

Canadian Space Agency: Text

Statistics

100%

of participants expressed that they would want the site to be easier to navigate

80%

Would be willing to use the existing site if they had some guidance

6

of user interview participants said the existing CSA site is confusing with too many pages

Canadian Space Agency: Infographics

Prototyping

After analyzing the results of the user testing, I took the feedback to create a high-fidelity prototype. I decided to stick to a grey colour scheme to not be too overwhelming in a darker black or lighter white colour scheme.

I conducted more user testing to aid in the final design decisions. This really helped me make the decision to stick to a darker colour scheme for the homepage as the feedback I got was the grey made the design look outdated.

Canadian Space Agency: Text

Prototype

Canadian Space Agency: Image

Final Product

Canadian Space Agency: Image

The End

The existing website has a lot of potential, but there are areas where it can be improved by simplifying the navigation to make it easier for all users to navigate and to inspire young space enthusiasts. My aim was to show the potential of what could be done to simplify navigation and inspire the young.

For the future, if the Canadian Space Agency focused on simplifying their existing extensive navigation and on building a social media presence this might help increase overall interest.

Canadian Space Agency: Text
Screen Shot 2021-05-26 at 3.30.22 PM.png

Pandemic Health and Safety Information (PHSI)

Creating an app idea

This was a project that focused on creating an app that would improve the way individuals would get covid-19 related news and information. This app is a health information app that is in hopes of keeping the population informed. See what features we believed would benefit this sort of health app.

Canadian Space Agency: Headliner
bottom of page