Case Study
My Preventive Health
Leading end-to-end UX delivery across a complex, multi-surface product ecosystem — from strategy and workflow design to scalable UI systems, accessibility, and implementation handoff.
Why this translates: Healthcare and aviation share the same core UX challenge — high-stakes decisions, complex information, users under time pressure, and zero tolerance for errors. This project demonstrates the same UX delivery ownership model required of a Lead UX Delivery role.
Your plan is ready, Sarah!
Based on your health profile and goals, we've created your personalized preventive care plan. Your care team will review it within 24 hours.
The Challenge
Turning a complex preventive health model into a clear digital experience.
My Preventive Health needed a digital platform that could support a premium preventive wellness model while making complex healthcare information easier to understand, compare, and act on.
The experience had to support member onboarding, program education, health profile collection, care-team workflows, biological age tracking, and long-term engagement — all across desktop and mobile surfaces, under regulatory accessibility standards.
Like enterprise operational systems, the platform demanded UX that could scale: reusable components, enforced design standards, and a handoff process that let engineering build accurately without constant back-and-forth.
My Role
I served as the primary UX point of contact across the full delivery lifecycle.
From strategy through handoff, I was the single connection between product vision, engineering execution, clinical content, and business stakeholders — owning every phase of UX delivery end-to-end.
UX Strategy
Defined product direction, user flows, information architecture, program hierarchy, and member journey structure across 6 product surfaces.
Design System
Created scalable Figma components and enforced reusable UI standards across desktop and mobile — documented so engineering could build without interpretation errors.
Workflow Design
Mapped onboarding, program selection, health profile collection, and member dashboard pathways — breaking complex flows into clear, guided steps.
Implementation QA
Documented visual styling specifications via Figma Dev Mode, conducted design review sessions, and verified implementation accuracy at every sprint milestone.
Stakeholder Leadership
Aligning product, engineering, and clinical teams around a single design vision.
Preventive health products sit at the intersection of clinical accuracy, business model complexity, and user trust. This required continuous alignment across stakeholders who didn't always share the same priorities.
I led regular design reviews, facilitated cross-functional working sessions, and translated complex UX decisions into clear rationale that both technical and non-technical stakeholders could act on.
Product, Engineering, Clinical Content, and Operations — all aligned to a shared UX delivery framework with clear ownership and decision protocols.
Led structured review sessions with engineering and product leads — presenting rationale, fielding implementation questions, and documenting design decisions for audit trail.
Established component governance and conducted QA reviews to ensure implementation consistency across 6 product surfaces — catching deviations before production.
UX Problem
Users needed confidence, clarity, and guidance.
Preventive healthcare programs can feel overwhelming. Users needed to understand what each program offered, why it mattered, what steps were required, and how their information would guide a personalized care plan.
The platform also needed to support business goals: increase trust, communicate premium value, capture qualified member information, and create a foundation for future product growth.
Both challenges required the same solution — a design system rigorous enough that any surface, any program tier, and any new feature could be built consistently by engineering without requiring design intervention at every step.
UX Approach
Designing the system around the member journey.
Define the journey
Mapped the user path from awareness to program selection, onboarding, profile completion, and dashboard engagement — presenting journey maps to product and clinical stakeholders for alignment.
Simplify the content
Structured complex healthcare and program information into scannable sections, comparison patterns, and guided steps — validated with user feedback and iterated with clinical review.
Create scalable components
Built reusable cards, program modules, form patterns, dashboard tiles, and responsive content blocks — documented with usage guidelines enforced across the engineering team.
Support delivery
Prepared Figma Dev Mode specifications, led build reviews, and documented sign-off criteria at each sprint milestone to maintain design integrity through launch.
Key Flow
Member onboarding flow
The onboarding experience was designed to reduce uncertainty by breaking the process into clear, manageable steps. Click any step to see the UX rationale behind it.
Design Evolution
From wireframe to polished experience.
The initial wireframes established information hierarchy and flow logic. The final design translated that structure into a polished, accessible, brand-aligned experience with a complete component system. Drag the slider to compare.
Design System
Creating enforced, reusable patterns for a scalable healthcare experience.
The design system wasn't just built — it was socialized, documented, and enforced. Every component includes usage guidelines, accessibility annotations, and spacing specifications reviewed with engineering before build. Hover each card to interact.
Program Cards
Reusable content blocks for Gold, Platinum, Elite, and Executive tiers — enforced spacing, consistent hierarchy, WCAG AA color contrast verified.
Dashboard Tiles
Health metrics, next steps, biological age monitoring, and progress summaries — modular tiles that plug into any layout without re-design.
Form Patterns
Structured intake fields, progressive disclosure, and guided profile completion — with accessibility annotations ensuring screen-reader and keyboard compatibility.
Responsive Layouts
Desktop and mobile patterns designed for clarity, hierarchy, and accessibility — breakpoint behavior documented in Figma Dev Mode for engineering handoff.
Implementation QA
Ensuring design intent survived the build.
Design quality doesn't end at handoff — it requires active participation in the build process. I established a structured QA practice that caught implementation deviations before they reached production.
This reduced revision cycles, built engineering confidence in the design system, and ensured the final product matched the approved design specifications.
Every component delivered with auto-generated spacing, color, and typography tokens — reducing "what's the padding?" questions by design.
Structured build reviews at each sprint checkpoint — comparing implementation against approved Figma files with documented pass/fail criteria.
WCAG 2.1 AA audit on production builds — color contrast, keyboard navigation, screen reader labels, and focus management verified before launch.
Verified visual and interaction consistency across desktop web, mobile web, and native mobile — catching surface-specific deviations from the design system.
Outcome
A clearer, more scalable product — built to last.
The redesigned experience created a stronger foundation for member onboarding, program education, and long-term engagement. The design system reduced production friction and made it easier to scale new content, program types, and dashboard features without redesign from scratch.
By connecting UX strategy, visual design, accessibility standards, and implementation support under single-point ownership, the platform became easier to understand, easier to build, and better aligned with the business vision — with 50% faster handoff and 35% better task efficiency to show for it.
Reflection
What this project demonstrates
My Preventive Health demonstrates my ability to function as a single point of contact for UX across a complex, multi-surface product ecosystem — owning strategy, enforcing design standards, managing cross-functional alignment, and maintaining design integrity through development handoff and QA.
The same capabilities that drove this healthcare platform — stakeholder alignment, design system governance, workflow clarity, and end-to-end delivery ownership — are the foundation of effective UX Delivery leadership in any complex enterprise environment.