the opportunity
Fullscript's patient experience was built around practitioner-prescribed treatment plans, a deliberate, high-trust flow. But this model left a massive untapped surface area: the open product catalog that most patients already had access to, but rarely used.
Most patients were passive recipients of care, not active participants in their wellness. The catalog was buried beneath the "My health" landing page, easy to miss entirely. A 90% drop-off rate from catalog view to purchase showed the experience wasn't converting — and converting just 3% of patients that only purchase treatment plans to hybrid users (that not only purchase treatment plans but also self serve from fullscript catalog) represented a significant growth opportunity.
Before touching any design tool, I spent time building a thorough understanding of the current experience, who it was serving, and where it was breaking down. The design work followed a deliberate sequence of each phase informing the next.
Experience audit
I started by auditing the full current patient experience across web and the iOS app. not just the happy path, but every variation that existed in production. Fullscript's patient population is heterogeneous: some receive treatment plans from practitioners, some use the catalog entirely self-serve, and others have their catalog closed by their practitioner. Each state creates a meaningfully different experience, and I needed to understand all of them before proposing changes.
Patient states mapped:
-Open catalog + plan: Patient has an active Rx and full catalog access;
- Open catalog, no plan: Self-serve patient with no practitioner prescription;
- Closed catalog: Catalog locked by practitioner; plan-only access;
- Public favorites only: Access to practitioner's public storefront, no full catalog;
- Community plans: Access to shared protocols surfaced in the store;
- New vs. returning: Orientation needs differ significantly between these groups.
This mapping surfaced how the "My health" page was doing too many jobs at once (plans, currently taking, community plans, and labs all treated with equal visual weight) and how the catalog tab was positioned as a secondary destination rather than a primary entry point.
Competitive research
Studying catalog experiences inside and outside healthcare
I looked at how other companies handled catalog discovery and browsing both in the healthcare and wellness space, and in adjacent markets like DTC e-commerce, pharmacy platforms, and subscription wellness brands.
Comparables studied: Hims & Hers, Ro (healthcare); Thrive Market, iHerb, Ritual (wellness/DTC); Costco Pharmacy (pharmacy).
Key patterns I brought back: persistent, prominent search as a trust signal; mega menus that flatten category hierarchy; visual curation as a proxy for quality; and the way curated "practitioner picks" or "expert selections" can serve as a trust scaffold for self-guided buying decisions.
Wireframing & prototyping
With the research foundation in place, I moved into wireframes and exploring different structural approaches to the catalog-first layout before committing to visual direction.
The central design challenge was how to make the catalog the primary landing experience while keeping treatment plans discoverable and prominent.
Several concepts were explored: a split-panel approach, a card-led hierarchy, and ultimately the layout that won — a full-width catalog page with a persistent plan banner and mega menu at the top.
I built prototypes in Figma to test the information hierarchy and navigation patterns, simulating different patient states (new vs. returning, with plan vs. without) to pressure-test the layout before any UI work began.
ui design
Defining the visual language and new components
With the structure validated, I moved into high-fidelity UI design.
This phase wasn't just applying existing design system components — it required defining net-new components for the catalog experience: the redesigned product spotlight carousel, the practitioner favorites storefront layout, the mega menu structure, and the improved product card with kebab menu preserved.
The visual direction modernized the catalog without departing from Fullscript's established design language — cleaner layouts, stronger imagery usage, and clearer typographic hierarchy.
Every patient state from the original audit was mocked out at high fidelity to ensure no edge case shipped without a defined design — including empty states, closed catalog variants, patients with only public favorites, and the iOS-specific community plans entry point.
key design decisions
The hardest constraint was making the catalog primary without deprioritizing treatment plans.
The solution: land patients on the catalog, but surface the most recently updated plan as a persistent banner at the top. The "golden rule" — plans above all else — was preserved in the new layout, just in a new home.
Mega menu as the primary discovery surface — Rather than relying on patients to scroll or search, the mega menu brought category-level browsing to the top of every page. Informed by competitive research, this was a significant discoverability unlock — confirmed by experiment data showing a massive jump in engagement once it was visible.
Practitioner favorites as a storefront, not a list — Instead of displaying favorites as plain text, I reframed them as curated categories from the practitioner — surfacing category names, enabling filter-by-category, and presenting products with imagery. This gave patients a sense of trusted curation, which aligned with Fullscript's broader value proposition around expert-guided wellness.
iOS scope was intentionally limited — Mobile app behavior differs from web — the app was already more health-management oriented, and "currently taking" was a primary use case there. iOS changes were scoped to community plans as an L1 entry point in the catalog tab only, keeping "My health" as the default on mobile.
Components deep dives
Each component in the new catalog experience went through its own research and iteration cycle. These weren't just visual decisions. They were product decisions about hierarchy, focus, and what patients actually needed in each moment. Below is a look at one of the most studied components in the project, with more to follow.
Treatment plan received
This was one of the most challenging components to get right, not because it was technically complex, but because it sat at the intersection of two competing priorities. We had just made the catalog the primary landing experience, and now we needed to place a component on that same page that was about something entirely different: a new treatment plan sent by the practitioner.
Getting this wrong in either direction had real consequences. Too prominent, and it would undermine the catalog vision by turning the page back into a plan-centric experience. Too subtle, and we'd risk patients missing a new plan from their practitioner.
Our first instinct was to show the products inside the plan directly within the component giving patients an immediate preview of what their practitioner had recommended. This felt logical: it made the plan feel tangible and gave patients a reason to act on it immediately.
But as we tested and iterated, a clear problem emerged. The component started growing to accommodate product imagery, names, and details and the more it expanded, the more it pulled attention away from the catalog around it. It also created an inconsistency: when a plan included lab results rather than products, there were no images to show which meant the component looked and behaved differently depending on what was in the plan, creating an unpredictable experience.
After multiple rounds of exploration and testing, I landed on a deliberately restrained approach: a compact banner that communicates the essential information alongside a single clear call to action to review the plan.
This solved both problems at once. The component stayed visually contained, keeping the catalog in focus. And by abstracting away the content (products vs. labs), it worked consistently across every plan type.