Back to all work
Two screenshots of mobile start pages showing design evolution and improved metrics.

Redesigning pharmacy onboarding: from a 16-step form to immediate prescription savings.

Redesigning pharmacy onboarding to eliminate high-friction drop-offs, fix over 200 WCAG defects, and turn a chore into immediate savings.

ClientElixir Health
Year2023
RoleUX Architecture • Design Systems • WCAG 2.1 AA • Service Design
+125%
Completion rate
Completion time fell from 8 minutes to 1 minute 20 seconds.
200+
WCAG bugs fixed
Full WCAG 2.1 AA compliance across screen readers.
-60%
Support call volume
Substantial drop in avoidable calls during member setup.

Overview

When Elixir launched its member portal, two thirds of users abandoned onboarding. Research showed a clear disconnect: most members only registered during urgent, stressful moments, such as a denied claim, but were blocked by a 16-step administrative questionnaire.

My Role

As UX Lead, I ran the redesign across research, product design, content, and engineering alignment. We rebuilt onboarding from an administrative chore into a simple flow focused on saving members money on their prescriptions.


01. Discovery

Interviews with 12 members revealed a distinct pattern: people rarely set up an account in advance. They registered only when facing an urgent issue, such as a denied claim or an unexpected prescription cost. Forcing users through 16 administrative screens during a stressful moment created immediate frustration. Most abandoned the portal and called customer support instead.

Key usability findings

A 16-step hurdle

Demanding extensive personal and account details upfront caused 66% of members to abandon setup and call the support desk.

Complex insurance terminology

Phrases like “Tier 1 cost-sharing provider” confused members who simply wanted to know what they had to pay.

Overlooked savings

More than 20% of members were overpaying for routine medication, with no clear way to discover generic alternatives or lower-cost local pharmacies.

Premature home delivery prompts

Inviting members to sign up for home delivery before showing them the benefits caused them to bypass the service completely.

Screenshots of the mobile app shown in a whiteboard application surrounded by sticky notes with usability observations.
Usability findings captured collaboratively in Mural.

02. Alignment & Prioritization

Elixir was overhauling its backend systems as part of a multi-year programme. The design work could not happen in isolation: we needed an adaptable plan that delivered an immediate release while defining a clearer long-term vision.

New flow diagram with fewer steps than the original, showing dynamic branches based on context

Stakeholder aligment

xxxxx.

Journey mapping

We mapped user emotions across four phases: Attract, Enter, Onboard, and Extend. The steepest drop in user confidence occurred right after account creation, during initial setup.

Journey map showing major steps Attract, Enter, Onboard, Skip, exit, and Extend with pain point lanes
New flow diagram with fewer steps than the original, showing dynamic branches based on context

Cross-Functional Technical Exploration

We held weekly sessions with lead engineers and product managers to test concepts against backend constraints. This kept the scope realistic and prevented rework as legacy systems were phased out.

Building the business case

To secure engineering time and budget, we tied onboarding improvements to support costs. Each support call cost roughly $40; reducing onboarding drop-offs by half represented significant annual savings in call-centre expenditure.

Audit findings

03. Design & Evaluation

We redesigned the setup flow around four straightforward principles.

Automated savings suggestions

The system checks prescriptions and identifies cheaper generic alternatives during setup, removing the need for manual searches.

personal saving widget
dynamic map showing locations and prices for a medication

Local pricing comparison

In place of static pharmacy directories, the interface displays live out-of-pocket costs and clear in-network indicators for nearby chemists.

Plain-English terminology

We replaced insurance jargon with everyday language:

Before: “Select your preferred Tier 1 cost-sharing provider.”

After: “Which of these money-saving locations suits you best?”

Animated demo showing someone using a mobile conversational flow to book a comprehensive pharmacy review.

Pharmacist consultations

For members on multiple or complex medications, the flow offers an optional appointment for a free review with a clinical pharmacist.

Rapid Iterative Testing (RITE)

We ran 20 rapid evaluation sessions across 48-hour sprints, testing copy and interactions with users and refining screens after each round.

Three variations of the start screen showing evolution across copy-edits, benefits graphics, and savings-led approaches.
Evolution of the onboarding sequence across sprint cycles, showing cognitive friction points in red and validated solutions in blue.

v2. Copy-edits only

  • Reduced intro copy 60%
  • Simplify step descriptions
  • "Network pharmacy" still confuses members
  • Purpose of card unclear
  • Home delivery sounds compulsory rather than optional

v2.4 Benefits & gfx

  • Focus on savings first
  • Brand graphics to boost credibility
  • Balanced description of pharmacy networks linked to savings
  • Clarified link between home delivery and savings; clearly marked as optional

v4.7 Savings-led

  • Personalised savings module active
  • Text is duplicative of title
  • Members hesitant to change prescription without consulting their GP or doctor
  • Straightforward brand-to-generic switch
  • Reinforces value of HD
  • Not obvious that next step is further onboarding

04. Quality & Accessibility

In parallel with the onboarding redesign, we overhauled core design system components to ensure enterprise scalability and strict accessibility.

WCAG 2.1 AA Compliance

Fixed over 200 contrast, focus indicator, and structural hierarchy issues, bringing the portal into full compliance with WCAG 2.1 AA across NVDA, JAWS, and VoiceOver.

Inclusive Microcopy

We stripped out dense insurance phrasing in favour of direct, everyday English. This resolved comprehension issues, particularly for older members and non-native English speakers.

05. Retrospective & Long-Term Impact

Takeaways

Bring engineers in early

Working directly with engineering leads from the first sprint ensured we never spent time designing flows that legacy APIs could not support.

Show value within the first minute

Showing members real prescription savings right away gave them a reason to finish setup instead of giving up.

Align long-term vision with incremental steps

Creating a long-term reference model gave the wider team a clear standard to work towards as technical systems updated over time.

Outcomes

+125% completion rate

Standard completion time dropped from 8 minutes to 1 minute 20 seconds, and 4 minutes when enrolling in home delivery.

60% spport call reduction

With each call costing around $40, deflecting routine setup issues saved hundreds of thousands of dollars in call-centre expenditure.

WCAG 2.1 AA certified

Fixed over 200 accessibility issues, allowing members using assistive technologies to complete setup independently.

North Star adoption

The product and engineering teams adopted the core patterns and architecture for subsequent releases across the portal.

A full page design demonstrating a more advanced iteration of the design system.
Detail from our Future Design jam, part of our overall North Star executive presentation.