Back

Process

Me and my coworker were tasked with developing a new website for Vancouver Coastal Health’s (VCH) Employee Family Assistance Program (EFAP). EFAP offers counselling and wellness services to VCH employees and their families. My main role was to handle all of the web development, but I also assisted in creating the brand, and informing the information design of the website. Our first goal was to create a brand that was easily recognizable and gave employees a sense of “calmness” when viewing. My coworker created the design but wasn’t sure which colors to use. In order to help, I created this color theory chart which not only helped us decide on the final brand colors but helped us explain the design choices to the client.

Project color theory chart

We learned from the client that the main goal of the website was to get people to call in or book an appointment. In order to achieve this, we created a popup modal that displayed the first time a user visited the site (left).

The clients felt that the call to action needed to be more prominent. To fix this, we created a full screen splash page that contained all of information deemed necessary. Not only did this splash page grab attention better – I designed it to reduce cognitive load, so that visitors who may need immediate assistance can find it as soon as possible (right).

Old modal design
Project splash page

Results

Employee Wellness Final Mockup

The final design of the website did not change drastically, but I fixed the navigation bar to the top of the page to make it more accessible and user friendly. We collected data from the Employee Wellness team, and used it to inform the content of our FAQ system. We made sure to popuplate the FAQ with questions that frequented the team's helpdesk email, reducing their time spent on these queries. I learned throughout the project that the target audience required more of the website’s features to be simplified, so I continued to work on those issues while building the website using modern web technologies. It is now live at https://employee-wellness.ca

Back