Case study
SaMD
Designing the identity, self-check, and purchase-redemption flow required by a first-of-its-kind FDA pathway that lets an established prescription treatment reach consumers over the counter, turning a dense compliance backlog into a self-serve journey and fixing the flow's most confusing screen.
- Role
- Senior UX Designer · UX Research · Design Strategy · Usability Testing
- Timeline
- Jun 2025 – Sept 2025 · 14-week sprint
- Tools
- Figma · Usability Testing · Design Sprints
- Outcome
- Reduced onboarding drop-off · redesigned redemption flow
- HealthTech
- Regulatory UX
- WCAG AA
Overview
In 2025, U.S. regulators finalized a new pathway that lets certain prescription-only treatments move to over-the-counter access, on one condition: the buyer has to complete a digital eligibility check first. No prior product had shipped against this pathway. There was no established pattern to borrow from. I joined a two-designer team for a 14-week sprint to take the concept from a research review through a usability-tested, engineering-ready prototype.
The brief was to turn a dense, compliance-driven feature backlog, identity verification, a medical self-check, an eligibility outcome, a one-time purchase code, into a flow a first-time user could get through calmly and correctly, on the first try, without a support call.
Problem & UX Research
The regulation was five months old when the sprint started. Every product decision had to be inferred from a raw requirements backlog, translated from compliance language into something a stressed, self-conscious user could actually complete.
What the Backlog Demanded
- Full identity verification with two-factor authentication and account recovery, before the user ever reaches the reason they came.
- A multi-step medical self-check that has to read like a private conversation, not an interrogation, while still capturing everything a regulator requires.
- An eligibility outcome that has to be immediately actionable: approved, ask a doctor first, or not eligible, each with a different next step.
- A one-time purchase code that has to work for both an in-store and an online purchase, without the user ever feeling unsure whether it worked.
- WCAG 2.1 AA accessibility and strict privacy handling threaded through every screen, not bolted on at the end.
Strategy & Discovery
Discovery started with a competitive read across telehealth and self-serve health platforms, membership-gated clinician tools, subscription wellness quizzes, pharmacy coupon and retail tie-ins, to see how the space commonly handles eligibility gating, onboarding, and purchase redemption, and where each one broke down.
What the Competitive Read Showed
- Most platforms picked one purchase channel, either fully online or routed entirely through a partner pharmacy, and never solved for handing a user cleanly between both.
- Waiting periods for clinical approval were universal, but the products that handled it best set expectations upfront instead of leaving users refreshing a screen.
- Tools gated behind a clinician account (rather than self-serve) consistently added friction and support burden that self-serve competitors didn't have.
That last gap became the core design bet: nobody in the competitive set had cleanly solved "redeem a single-use code across two different purchase channels." That's exactly where our own first draft would go on to struggle too.
Two full prototype directions were built in parallel and tested head to head, one warm and photographic, one clean and clinical, to see which tone built more trust for a self-check about a sensitive health topic.
Moderated Usability Testing
Both directions were tested with the same moderated script, walking each participant through onboarding, the self-check survey, the eligibility outcome, and checkout, then closing with confidence and clarity ratings on a 1–7 scale so the two directions could be compared on the same terms rather than judged subjectively.
Design Process
From Backlog to Sprints
The backlog was mapped into four build phases, account and onboarding, profile and privacy, the self-check flow and eligibility outcome, then prototype polish, so the highest-compliance-risk screens got the earliest and most testing.
One Question at a Time
Early self-check screens grouped several questions together with a spinner-style loading state and a persistent chat icon. In testing, that read as clutter during something users already felt self-conscious about. The fix was one question per screen, a literal step counter ("Step 1 of 5") instead of an abstract progress bar, and removing every piece of chrome, chat bubble, notification bell, that wasn't load-bearing for the task at hand.
The Approval Moment
Users responded well to a clear affirmation screen when they were approved, but consistently skipped past the safety information sitting below it. The fix was to make email or SMS delivery of that safety information mandatory at the point of approval, rather than optional and easy to miss.
Redesigning the Purchase Code
This was the flow's biggest failure point. The original screen showed a QR code with "buy in store" and "buy online" as secondary text links underneath it. In testing, every participant hesitated here. Nobody was confident what the code was for or how to use it, and several explicitly didn't want it saved anywhere on their phone that might surface what it was for. The screen was technically correct, both purchase paths were present, but presenting two very different journeys as equally-weighted links under one QR code asked users to make a channel decision they weren't ready to make yet.
The fix split it into its own decision point: a dedicated "Where to buy" screen that asks in-store or online first, before showing anything else, plus a recommendation to auto-populate the code directly into the retailer's checkout for the online path, so nothing has to be copied by hand.
Results
The team delivered a working prototype of the first-time-user flow, plus full screens for both first-time and returning users, handed to engineering for build.
- 15–25%
- Decrease in onboarding drop-off across web and mobile
- ↑
- Increase in self-serve adoption through consistent, patient-focused design
Learnings
- A screen can be technically complete and still fail. The purchase-code screen had both purchase paths on it from the start; it failed because it made users choose between two unequal journeys without ever asking the question directly. Splitting the decision into its own screen fixed it.
- For anything a user might feel self-conscious about, removing UI chrome builds more trust than adding features. Testing that early, before investing polish into functionality nobody asked for mid-flow, saved real time later in the sprint.
Conclusion
This was one of the first products designed against a regulatory pathway that didn't exist a year earlier, so there was no pattern library to lean on. The highest-leverage work wasn't inventing new interaction patterns. It was being disciplined about removing anything that added friction or doubt at the two moments where a user's trust was most fragile: the self-check itself, and the moment they had to act on its result.
Continue exploring
More work that pairs rigor with craft
Open another case study or return to selected work on the homepage.