guidee.png

is a comprehensive website that provides self-management educational resources that help individuals who suffered a concussion to:

  • Develop skills to move forward

  • Navigate the healthcare system

  • Determine the validity of claims made by vendors

Role

Lead Designer + Illustrator co-op student on the Learning Technologies Team at VCH

vch.png
mockup.png

Objectives

provide.png

Provide accessible, evidence-based resources

The site will provide well-curated and credible information written by reliable and certified occupational therapists

offer.png

Offer an alternative to on-site workshops

Instead of meeting in-person for hours at a time, this site will provide information and education delivered in workshops

tailor.png

Tailor content to fit the patients’ needs

The site must deliver information that pertains to their specific case and lifestyle efficiently

Timeline

1  Research

We contacted patients who volunteered to provide feedback after attending the concussion workshops. We called them for one-on-one phone interviews and asked them questions about their experience. These insights led to the improvement of the workshop and content as well as the development of the website.

“I needed the information right after my incident. I feel like there was too much time between needing this info and actually getting it.”

“I would like to know what other symptoms to expect and how to handle them, before it happens. I had a scare once, but was told by the GP that the incident is normal.”

Prototype.png

2  Sitemapping

We created a sitemap that incorporated all the features that the client and the feedback participants had provided. We were able to condense the structure to make it simple to navigate through by creating numerous iterations of this sitemap. 

3  Visual Identity

VCH’s brand standards involved a variation of colours. In order to create a visual identity that was sophisticated and modern, I chose to only take the mono-chromatics, blues and yellows. We incorporated different font weights to bring hierarchy to the site.

Visual Identity.png
illustrations.png

4  IIlustrations

I thought it would be nice to have illustrations and diagrams to accompany to text. I worked closely with the clinicians to create 96 illustrations and diagrams for all of the articles. It was important that the illustrations represented a diverse range of individuals and reflected a realistic representation of what a person might feel when they have a concussion.

5  User Testing

During the user testing, we were able to identify many of the flaws and inconcistencies within the first iteration of the site. Asides from the changes to the visual language, we found that the integration of a welcome message with tops and accessibilty options would help users navigate better through the site.

user testing.png
cms.png

6  Development