Health Education Responsive Website
Lead Designer
Capstone Project
-
Responsive website designed to be a SaaS education portal between medical professionals and patients.
​
-
Clinicians assign personalized education pathways that patients can access, annotate and revisit to stay informed.
The
Project
-
Three key personas: a medical professional, a patient and a family member
​
-
Key emphasis on accessibility throughout the design process, especially considering the user population's potential needs. I drew on my clinical background and WCAG guidelines.
The
Users
The Design
This image shows user personas and journeys created for each key user type. It also displays the initial user insights and design considerations, displayed on a Fig Jam board.
The initial wireframes that were created in Figma, capturing both sides of the application (client and clinician).
The finalized version of the mobile version of the portal in full.
This image shows user personas and journeys created for each key user type. It also displays the initial user insights and design considerations, displayed on a Fig Jam board.
The Interaction
-
Deepend skills in Figma with an emphasis on use of components, auto layout and scaling to create responsive designs more efficiently and consistently.
​
-
Explored how two distinct user platforms could interact seamlessly, while ensuring the design remained intuitive for users and clear for developers managing data flow.
​
-
Considered scalability which led me to prioritize clean layouts, customizable content and organized categories that support both the current use and future growth.
​
-
Gained confidence in solving complex design challenges.