Valuable services had grown into a difficult experience to scan, navigate, and extend.
My Benefits supported claims, health services, wellness programs, provider resources, and personalized benefits. Over time, the experience accumulated dense navigation, inconsistent provider layouts, and accessibility issues that made it harder for members to know where to start.
Previous homepage: limited active-state feedback and contrast issues weakened orientation.Previous wellness page: a long provider-driven layout required extensive scrolling and visual searching.Previous provider page: useful content, brochures, and media competed for attention without a reusable hierarchy.
01
Discoverability
Members needed a clearer starting point for finding support based on their needs.
02
Wayfinding
The navigation lacked a persistent active state, making it easier to lose location.
03
Accessibility
Low-contrast interface elements reduced readability and confidence.
04
Scalability
Each new provider added content and maintenance complexity to the platform.
Product Vision
Turn My Benefits into a one-stop health and wellness destination.
Working with product leadership and UX collaborators, I helped define a system that organized services around member needs rather than provider pages—while retaining the trusted My Benefits ecosystem.
Simplify
Three clear service groups
Reduce information overload by organizing the ecosystem around understandable needs.
Guide
Chips, tiles, and deep links
Support quick filtering, scanning, and direct navigation to relevant details.
Include
Accessible contrast and states
Strengthen readability and maintain orientation throughout the journey.
Scale
Reusable provider modules
Make future services, media, and rebrands easier to integrate consistently.
Design exploration: categorized chips and elevated Material Design tiles created a more scannable service hub.
Chapter 01 · Enhanced Web Experience
A guided journey from service discovery to the right benefit details.
The web redesign replaced a long provider directory with clear categories, elevated cards, and direct paths to detailed content—preserving context while reducing search effort.
My Benefits · Health & Wellness
01 · Scan
See the ecosystem at a glance
Elevated service tiles improve hierarchy and make options easier to compare.
02 · Filter
Narrow by member need
Grouped chips let users move between categories without losing context.
03 · Act
Jump directly to details
Learn More deep-links each card to its matching benefit section.
Responsive Provider Experience
Complex mental health information reorganized into a calm, repeatable hierarchy.
Each provider section had to balance descriptions, app downloads, brochures, imagery, and conversion actions. A reusable responsive pattern established a predictable reading order across screen sizes.
Desktop: distinct provider sections with consistent hierarchy, imagery, resources, and actions.Mobile: content stacks into a touch-friendly sequence with primary actions kept visible and understandable.
Chapter 02 · Connected Mobile Journey
The same product logic, adapted to the realities of a smaller screen.
The mobile journey preserves the full member context—from authentication and personalized home to Health & Wellness discovery—rather than presenting the feature as an isolated concept.
Secure entry into a personalized member experience.A clear Health & Wellness entry point within the member dashboard.
Context
Members enter through a real authenticated journey.
Discovery
Health & Wellness is visible as a primary destination.
Orientation
Active states help users understand where they are.
Continuity
Web and mobile share the same information architecture.
Chapter 03 · Scalable Platform Evolution
A modular system supported new providers, richer content, and future rebrands.
The work extended beyond a single landing page. Reusable provider sections supported contact actions, brochures, videos, app downloads, and future brand changes without disrupting the larger product structure.
Provider Template in Practice
Arete to Arcora brand transition
The modular architecture allowed visual identity, contact paths, brochures, and media to evolve while preserving familiar interaction patterns for members.
Reusable cards and flexible content patterns supported provider expansion.Mobile flow showing a brand migration inside the existing My Benefits framework.
Accessibility & Outcomes
A clearer foundation for member support and future growth.
Discoverability
Services became easier to scan
Categories, chips, and tiles established a clear starting point.
Efficiency
Need connected directly to detail
Deep links reduced manual searching through long pages.
Accessibility
Contrast issues reduced to zero
Improved contrast, hierarchy, and active states strengthened usability.
Scale
New providers fit a shared system
Reusable modules supported future services, media, and rebrands.
Implementation
Successful launch and stakeholder recognition
The redesigned Health & Wellness experience was successfully launched as part of the My Benefits platform. The updated experience received positive feedback from management, business stakeholders, and users for its improved usability and streamlined navigation. During a cross-functional IT meeting, the Business Analyst publicly recognized the team's efforts and personally thanked me for my contributions to delivering a more intuitive member experience.
Designing enterprise health experiences is not only about presenting information. It is about helping people confidently find the support they need—often during important moments in their lives.
Related My Benefits Work
Mobile eSignature
A secure beneficiary-change and document-signing workflow.
Accessibility Improvements
A broader effort to remove contrast and interaction barriers.
Online Firm Application
A complex multi-step enterprise application redesign.
