What is Optiwell?
Optiwell is a mobile platform purpose-built for the ophthalmology supply chain. It has two core divisions working in parallel: a patient-facing side where users can upload prescriptions from their eye doctor and order medicines directly through linked pharmacists, and a B2B side that connects pharmacies with wholesalers and retailers for medical product sourcing.
The complexity of the product wasn't in any single feature — it was in the fact that four completely different user types (patients, pharmacists, wholesalers, and retailers) all needed to use the same app without confusion or role bleed.
One app, four different user realities
The UX research was handled by the client's team. My role was to translate that research into a UI that felt coherent and trustworthy — especially important in a medical context where confusion can cost users trust immediately.
Multi-role interface
Four distinct user types — patients, pharmacists, wholesalers, retailers — each with different needs, permissions, and workflows within the same application.
Two parallel divisions
The patient-to-pharmacist flow and the wholesale-retail B2B flow had to coexist without creating confusion between the two very different use cases.
Medical context demands clarity
Eye care products and prescriptions require precise, unambiguous UI. Errors or confusion in a medical app erodes trust immediately and permanently.
Mobile-first usability
All four user types needed to navigate complex product catalogues, prescription uploads, and order management on small mobile screens.
Role-first entry, shared design language
The key decision was a role-selection screen at entry — patients and B2B users are routed into entirely separate flows from the moment they open the app, eliminating the risk of wrong-role confusion. Within each flow, the UI language stays consistent so the product feels unified rather than fragmented.
Role-based entry screen
Designed a clear role-selection screen (Wholesaler / Retailer / Patient) that routes users into their specific flow immediately, preventing cross-role confusion from the first tap.
Consistent visual language across roles
Despite different flows, all screens share the same component library — cards, navigation, typography, and colour — so the product feels like one coherent app regardless of which role you're using.
Medical-grade clarity in catalogue UI
Product listings show clear categorisation (Ostomy, Wound Care, etc.), ratings, pricing behind login for B2B, and size selectors — designed to reduce ordering errors.
Prescription upload flow
Designed a simple step-by-step prescription upload experience for patients — removing friction from what is typically an intimidating medical process.
Selected screens
Key screens from the Figma delivery — splash screen, welcome/role selection, and the product catalogue interface.
Splash screen
Role selection — welcome screen
What was delivered
"Quick service, trustworthy, and the product was better than expected. Highly satisfied with the outcome."
— Client, Optiwell · Upwork · ★★★★★ 5.0
