Case Study · Healthcare · Mobile App

Designing the Premera HMO Mobile App for Android & iOS

Leading end-to-end UX delivery across a complex healthcare mobile product — owning Android from the ground up, then stepping in to unify the iOS experience when the team needed a single point of contact to see it through.

Android Lead
iOS Completion
WCAG 2.1 AA
RoleLead UX Designer — Android & iOS
Timeline8–10 months · Multi-phase
FocusPlan Info · Find Care · Member Services
Find Care
Primary Care
Specialist
Urgent Care
KP
Dr. Kim Park, MD
Family Medicine · In-network
0.8 mi
AL
Dr. Ana López, DO
Internal Medicine · In-network
1.2 mi
RT
Dr. R. Tran, MD
Family Medicine · In-network
1.9 mi
Home
Find Care
ID Card
More
My Health Plan
Member
Sarah Johnson
Member ID: PRM-2847-XK91
Deductible Met
$820
Out-of-Pocket
$1,240
Copay
$25
Plan Type
HMO Gold
Plan
Care
ID
Rx
0 Screens Core Android screens designed and delivered — dashboard, find care, ID cards, costs, prescriptions, and more
2 Platforms Android lead designer + iOS completion — single point of contact maintaining consistency across both
WCAG AA Accessibility-compliant across all screens — color contrast, touch targets, and screen reader support verified
0% Design continuity maintained through team transition — no rework required when iOS designer went on leave
My Role

Single point of contact across Android and iOS delivery.

I served as the primary UX lead for the entire Premera HMO mobile app — owning Android from discovery through handoff, then stepping in to unify and complete the iOS experience when the team needed continuity. Two platforms. One owner. No seams.

Android UX Lead

Owned all Android screens end-to-end — navigation model, IA, task flows, Material Design patterns, and annotated specs for engineering handoff.

iOS Completion

Took over iOS design mid-project — ensuring HIG compliance, platform parity, and seamless consistency with the Android UX foundation already in place.

Cross-Functional Alignment

Collaborated with engineering, product, and compliance to validate feasibility, align on interaction patterns, and ensure regulatory requirements were met by design.

Implementation QA

Provided annotated Figma specifications and conducted build reviews at each sprint — verifying that final implementation matched approved designs on both platforms.

The Challenge

Healthcare complexity, mobile constraints, two platforms.

Members rely on this app to make real decisions — finding in-network doctors, understanding their deductible, checking prescriptions — often under stress, on a small screen, with limited time.

The design had to make dense, regulated healthcare information feel simple, fast, and trustworthy — while respecting the distinct conventions of Android and iOS.

Information Density vs. Clarity

Plan benefits, provider networks, cost-sharing structures, and prescription data all compete for limited mobile real estate. Every screen required ruthless prioritization of what members need first.

Dual-Platform Parity Without Duplication

Android and iOS share the same data and task flows but demand different interaction models. Material Design and Human Interface Guidelines are not interchangeable — every pattern had to be native-correct on both.

Regulatory & Compliance Requirements

Healthcare apps operate under strict compliance requirements — HIPAA privacy patterns, accurate cost disclosure, and accessibility mandates that must be designed in, not bolted on.

Mid-Project Team Transition

Taking over iOS mid-project required rapid onboarding into existing design decisions, rebuilding context on what had been approved vs. what was still open, and maintaining momentum without losing quality.

Platform Design

Native-correct on both platforms.

Each platform got the respect it deserved — not a copy-paste job, but a thoughtful translation of the same UX logic into each platform's native language.

Material Design 3 · Android Lead

Android was the primary platform — designed first and in full. I owned every screen, every state, and every interaction pattern, building from the Material Design 3 component library and adapting it to Premera's brand and compliance requirements.

Every decision was documented with rationale, so when iOS work began, the Android patterns served as the design foundation.

  • Material Design 3 navigation patterns (bottom nav, back stack)
  • Floating action button and extended FAB for primary actions
  • Android-native search bar behavior and filter chips
  • Ripple touch feedback and elevation-based depth hierarchy
  • Dynamic color tokens for accessibility-compliant theming
  • TalkBack and content description annotations throughout
Pattern
Android
Rationale
Navigation
Bottom Nav Bar
Material M3 standard for 4–5 top-level destinations
Search
Search Bar
Persistent at top, Android contextual search pattern
Touch feedback
Ripple effect
Platform expectation; signals interactivity
Back navigation
System back
Android hardware/gesture back integrated into flows
Typography
Roboto / MD3
System font for legibility and native feel

Human Interface Guidelines · iOS Completion

When the iOS designer went on leave, I stepped in as the single UX point of contact to carry the work through to completion. Rather than restarting, I audited the existing iOS work, identified what was solid and what needed to be brought into alignment with HIG and the Android foundation.

The result was a unified experience with zero rework required — both platforms launching on schedule.

  • Tab bar navigation following iOS HIG conventions
  • SF Symbols and system iconography for platform familiarity
  • Large title navigation bars with scroll-collapse behavior
  • Swipe-to-go-back gesture support across all flows
  • Dynamic Type support for accessibility text sizing
  • VoiceOver accessibility labels across all interactive elements
Pattern
iOS
Rationale
Navigation
Tab Bar
HIG standard for top-level navigation on iPhone
Search
UISearchBar
Integrated into navigation area per HIG
Touch feedback
Haptic feedback
iOS tactile confirmation for key actions
Back navigation
Back button + swipe
iOS edge swipe + standard back chevron
Typography
SF Pro
System font + Dynamic Type for accessibility
Final Designs

Every screen, every flow, every state.

Click any screen to see the design decisions behind it.

UX Approach

Task-first. Native-correct. Compliance-informed.

01

Map the member's mobile moment

Identified the five jobs members actually use mobile for: finding a provider, checking copay, viewing their ID card, tracking deductible, and managing prescriptions. Everything else is secondary.

02

Define native patterns for each platform

Built an Android-first component set aligned to Material Design 3, then mapped each pattern to its iOS HIG equivalent — creating a platform translation matrix used throughout development.

03

Design for stress, not ideal conditions

Members use this app when they're sick, rushed, or anxious. Every screen was designed for one-handed use, fast task completion, and clear next actions — no cognitive overload permitted.

04

Annotate, review, and verify

Delivered annotated Figma specs for every screen, conducted sprint-milestone build reviews, and verified WCAG 2.1 AA compliance before sign-off — on both platforms, every milestone.

Implementation QA

From Figma to production — without losing fidelity.

Handing off a dual-platform mobile product requires more than a link to Figma. I delivered platform-specific specifications that gave engineering exactly what they needed to build correctly the first time.

Sprint milestone reviews ensured the production build matched approved designs, catching deviations before they became rework.

Figma Dev Mode — Specification Panel
spacing/card-padding
16px horizontal, 14px vertical — consistent across all card components on both platforms
Token: spacing.card.md = 16/14px
color/primary-blue
Premera brand blue — #0057B8, WCAG AA contrast verified on white backgrounds (7.2:1)
Hex: #0057B8 · AA ✓
type/body-small
12sp/Roboto Regular (Android) · 12pt/SF Pro (iOS) — minimum accessible text size
Min size: 12sp · Dynamic Type: body
touch/target-min
All interactive elements meet 48×48dp (Android) / 44×44pt (iOS) minimum touch target requirements
Android: 48dp · iOS: 44pt
Reflection

What this project demonstrates

The Premera HMO app demonstrates my ability to serve as a single UX point of contact across a complex, multi-platform product — owning Android from the ground up, maintaining design integrity through a team transition, and delivering a compliant, polished iOS experience without missing a beat.

The skills required here — platform-specific design judgment, cross-functional communication, implementation QA, and delivery continuity under pressure — are exactly what effective UX Delivery leadership looks like in any enterprise environment.

Android UX iOS / HIG Material Design 3 Cross-Platform Parity Healthcare Compliance WCAG 2.1 AA Implementation QA Figma Dev Mode Task Flow Design Design Continuity
Next Case Study → Back to Home →