ACT Learning Module

UX Design | Branding

This project was a learning module, which is part of a larger course that focuses on the Vancouver Assertive Community Treatment Team (ACT) in B.C.. The content in this module aims to teach healthcare professionals how to be resilient while caring for their patients.

Tools: figma, storyline

Skills: wireframing, mockups

Role: ux designer

sketch on paper more sketches on paper

Sketches


I started my design process by sketching possible layouts for the modules. This helped me generate many ideas in a short timeframe and I was able to visulize possible design directions. I explored different ways to showcase the content and broke up text when there was too much information on a page. ​The content in this module was not yet finalized, therefore I had to keep that in mind when creating the initial sketches.

Wireframes


After sketching, I used Figma to create the wireframes for the module. I replicated the sketches onto Figma by incorporating product branding. Once the wireframes were completed, I showed them to the project manager and received feedback. I incorporated the feedback into the wireframes and created new iterations.

mockups of the module in figma more mockups of the module in figma

Final Mockup