Journey to Health

My Role Visual Designer
Date Nov 2022
Tools Figma
Team UX Director, UX Designer, Visual Designer, Developer and Project Manager

The Brief

To design a microsite that allows patients to upload their stories about their treatment and encourage other patients about the recovery process.

Discovery

During discovery with the clients we learned that they want us to build a microsite that allows patients to share their stories about the treatment and care they received from the hospital. The purpose of this is to gain trust of potential patients who would want to undergo this treatment.

Competitor Analysis

Visual Design

Once it was clear what they were trying to build, the UX designer built out low fidelity wireframes and handed them over to me.

I talked to the clients to understand their expectations for this microsite's design and what they liked and disliked about their organization's main website.

Considering the Current Design

The clients disliked several things about their organization's main website.

However, they still didn't want to get too far away from the design of the main website.

Moodboards

After understanding the clients' requirements and expectations, I came up with two design concepts.

Design System

I used atomic design and started with smaller components and nested them to create a design system that is easy to maintain.

Typography

H1 Gotham Book 64 pt
H2 Gotham Book 24 pt
Body Copy Gotham Book 16 pt

Colors

2A227402B9D5

Components

Button States

Default
Hover
Focused

Final Design