top of page

WebMD | Healthcare Engagement Platform

A healthcare engagement platform designed to guide users through complex decisions and next-step actions across patient journeys.
UX Designer | Healthcare Engagement Systems | Platforms: Web, Tablet, Mobile

​​

Project Overview

Designed a healthcare engagement platform that guided users through complex patient journeys and treatment decisions.

Users needed clearer visibility into next steps, available options, and relevant information across different stages of care.
Existing experiences were fragmented and difficult to navigate. The platform introduced structured workflows that helped users understand their current state, explore options, and take appropriate next actions, improving clarity, engagement,
and overall experience across the patient journey.

​

Kickoff

Clearblue sought to extend its trusted health brand into a digital experience. The goal was to create a platform that transformed
raw fertility data into personalized guidance. Existing concepts lacked emotional connection and clear instructions,
so our task was to deliver a solution that balanced scientific accuracy with approachable, supportive design.

Midfidelity Wireframes

Wireframes focused on restructuring the experience into digestible action cards, clear progress indicators,
and supportive educational content.

clear blue wireframes.png

Early wireframes established layout structure, content hierarchy, and interaction patterns across key workflows.​​

​

Wireframes focused on organizing complex healthcare information into clear, structured layouts.

The goal was to guide user attention, reduce cognitive load, and create a scalable foundation for responsive experiences across devices.

UI Elements

We developed a design system that conveyed warmth and empathy, ensuring visual consistency across the Take Action experience and future Clearblue digital offerings. Components, typography, and color palettes
were carefully designed to feel approachable while maintaining credibility and clarity.

clearblue_variables copy.png

Interface components designed to support clarity, consistency, and usability across the platform.​

​

Visual design elements were developed to reinforce hierarchy, readability, and interaction clarity.

Typography, color systems, and UI patterns were designed to guide user behavior and create a cohesive experience
across different contexts and devices.

Final UI Mockups

Final designs translated sensitive health data into actionable, reassuring steps, balancing scientific accuracy with supportive guidance. While the program was desktop-first, we adapted layouts and interactive elements for tablet and mobile users, ensuring readability, touch-friendly navigation, and consistent visual hierarchy across devices. AI-informed notifications
were incorporated to help users stay engaged and follow daily fertility guidance on the go.

clear-blue-easy_2016_tap_0-0_v01.jpg

Final responsive interface supporting patient engagement across web and mobile environments.​

​

Final designs brought together content, interaction patterns, and visual systems into a cohesive experience.

The platform enabled users to navigate healthcare information more easily, understand available options,
and take action with greater clarity and confidence.

Outcome/Reflection

The platform improved clarity and engagement across patient journeys by structuring complex information into guided workflows. Users were better able to understand their options, navigate next steps, and take action within a unified experience. This work demonstrated the importance of aligning content, interaction design,
and user needs to support real-world decision-making.

bottom of page