My Active Health

Company

CVS Health

Problem & Context

My Active Health (MAH) is a large-scale digital wellness platform used by diverse member populations to assess health risks, complete wellness activities, earn rewards, and engage in personalized care pathways across mobile and web.

Over time, the experience became fragmented as features were added incrementally across teams. Key journeys, including registration, onboarding, pathways, and task completion, lacked a cohesive structure and shared system foundation.

Primary challenges included:

  • Inconsistent navigation patterns and unclear information hierarchy across mobile and web

  • A Pathway experience with limited labeling, guidance, and progress visibility, leaving members unsure of next steps

  • A Health Checklist that created cognitive overload and obscured task value and status

  • An overly long registration and onboarding flow that increased friction and abandonment risk

  • Accessibility gaps, including insufficient color contrast, improper heading hierarchy, poor focus management, layouts that did not support zoom users and inconsistent component usage

  • Significant design system debt, with redundant components, legacy patterns, and inconsistent tokens slowing delivery and increasing rework

Previous mobile app landing page before redesign lacks labeling, guidance, progress and fails accessibility.

Previous desktop web landing page before redesign lacks labeling, guidance, progress and fails accessibility.

My Role

As a Principal-level product designer and UX lead, I drove end-to-end experience strategy and execution across onboarding, engagement, accessibility, and design systems modernization for My Active Health across mobile and web.

I was responsible for:

  • Defining the experience vision and system strategy

  • Leading journey-based redesigns grounded in user research

  • Modernizing the design system to reduce debt and improve scalability

  • Partnering closely with product, engineering, and business stakeholders

  • Facilitating workshops and establishing governance to support consistent execution

Approach & Solution

I approached the work holistically, addressing both user-facing journeys and the system foundations beneath them to ensure the experience functioned as a cohesive ecosystem rather than disconnected features.

Key solutions included:

  • Simplifying onboarding from 25 screens to 10 to reduce friction and improve completion flow

  • Redesigning the Health Checklist to improve prioritization, task clarity, and motivation

  • Reworking Pathways with clearer hierarchy, progress visibility, and next-step guidance

  • Resolving 100+ accessibility issues across contrast, focus states, heading structure, and responsive layouts

  • Modernizing the design system with semantic tokens, accessible color ramps, and reusable foundations

  • Consolidating 150+ card variants into 2 scalable components to reduce complexity and improve maintainability

  • Creating platform-specific component libraries, scalable documentation, and reusable system standards

  • Conducting usability testing, information architecture exercises, and collaborative working sessions to validate decisions and improve usability

The mobile app landing page I redesigned to include clear personalized and guided content, progress and labeling, a balance of visual content with improved illustration that meets WCAG accessibility standards.

The desktop web landing page I redesigned to include clear personalized and guided content, progress and labeling, a balance of visual content with improved illustration that meets WCAG accessibility standards.

Legacy Health Checklist Experience: Disruptive full-page modal, lacking context on rewards, limited discoverability, and accessibility issues

Redesigned Health Checklist: Full-page layout with clear labels, tabs to limit focus on set activities, sort and filter chips, and improved loading performance

Demonstrating Impact

This work delivered measurable improvements across usability, accessibility, and delivery efficiency:

  • Eliminated 100+ accessibility defects, significantly improving compliance and inclusive usability

  • Reduced cognitive load and friction across critical journeys

  • Improved clarity and predictability through consistent interaction patterns and hierarchy

  • Accelerated design and engineering workflows through cleaner libraries, tokens, and documentation

  • Reduced rework and defects by eliminating legacy patterns and redundant components

  • Increased cross-team confidence through clearer governance and shared system standards

Pre-System Card Component in Figma: 150+ ungoverned variants with visual inconsistency, accessibility issues, and high maintenance risk

Scalable Card Component: Reduced to 2 core variants with tokenized parts for consistency, accessibility, and easy maintenance

Outcomes

  • Registration and onboarding reduced by 60% (25 → 10 screens)

  • 100+ accessibility issues resolved, including contrast, focus states, layout for zoom users, and heading structure

  • 150+ Card variants consolidated into 2 scalable, system-ready components

  • A modernized design system with accessible tokens, updated color ramps, and consistent component usage

  • A clearer, more motivating Health Checklist that communicates task value, status, and progress

  • A Pathway experience that provides users with clear guidance and visible progress

  • Faster handoffs and improved collaboration across UX, product, and engineering teams

Key Learnings

  • Accessibility must be built into foundations, not layered on after features are complete

  • Reducing complexity improves both usability and velocity for users and teams

  • System consistency enables inclusive design at scale

  • Governance accelerates delivery by reducing ambiguity and rework

  • Strong UX leadership blends craft, systems thinking, and alignment

Redesigned core My Active Health journeys: registration, onboarding, and the pathway dashboard.