Healthy Nurse Healthy Nation

UX/UI Design

Helping the people who take care of us, take care of themselves

Healthy Nurse Healthy Nation is a site for nurses and nurse educators with a goal of protecting nurses’ overall wellbeing and preventing burnout. In-depth user research eventually led to a fresh new site design and strategy that positions Healthy Nurse Healthy Nation as an approachable, engaging resource for nurses of all backgrounds across 6 focus areas: mental health, nutrition, physical activity, rest, safety and quality of life.

Project Goals

Increased audience size and engagement

Create a web experience and brand language that is more approachable to a younger audience than the existing site. The goal was for Healthy Nurse Healthy Nation’s site to be used as a lifestyle tool that nurses will want to repeatedly visit and interact with.

Improved content organization

Focus existing and future content within six different key health areas: physical activity, nutrition, mental health, safety, quality of life, and rest. Additionally, content needed to be tailored to 4 different identified audience segments and weighted by the user’s inputted responses.

A streamlined experience on all device sizes

Create a mobile-first, WCAG AA compliant web experience that would appeal to younger nurses and users on-the-go, but ensuring the desktop experience didn’t alienate existing older users.

Site Map and User Flow

After completing the initial discovery and research (including persona development, taxonomy assessments, card sorts, and focus group interviews) the site framework was structured based on the following diagram.

Brand Language and UI Design

In order to feel more like a lifestyle site and appeal to a younger generation of nurses, a new brand language was developed. The updated color palette includes a few key colors from the existing logo and parent organization, but the addition of some bright, colorful shades makes the site feel much more youthful, inviting and fun. Illustrations were introduced to represent the six key focus areas for content, and more negative space helps the user not feel overwhelmed in potentially copy-heavy areas.

Below is the initial stying proposal selected by the client, followed by the final UI elements guide.

Final Prototypes

Below are a selection of finalized mobile prototypes. The overall design feels more fresh and welcoming, while the experience is tailored to the user’s specific needs.