HEALTH-TECH
E-COMMERCE

BetaCare Pharmacy

One pharmacy. Two surfaces. Zero handoff gaps
ROLE
Product Designer
PLATFORM
Web App · Responsive
DELIVERABLES
E-commerce UX · Dashboard Integration ·Component Library · Handoff Specs

01. Context

THE BRIEF
BetaCare needed a pharmacy that worked in two completely different contexts — a standalone storefront for browsing and buying, and a module embedded inside an active telemedicine consultation. Two surfaces. One coherent system.
THE PROBLEM
Most pharmacy platforms are built for one user doing one thing. BetaCare's pharmacy had to serve four scenarios simultaneously — a consumer browsing OTC products, a patient fulfilling a prescription, a doctor sending that prescription without leaving the dashboard, and a patient completing the purchase from within the consultation screen.Designing for all four, across two surfaces, without friction or disconnection was the core challenge.

02. Research

I treated both surfaces as one connected system, same component library, same productarchitecture, same checkout logic. A patient moving between the storefront and the dashboardmodule never feels like they've switched platforms. Research spanned global pharmacy and health e-commerce benchmarks — Boots, CVS, Chemist Warehouse, and African platforms — using AI-assisted audit methods to accelerate analysis.
The Primary Insight
Every competitor buried prescription fulfillment in account management. Making it a first-class, clearly signposted experience on both surfaces became the central design decision.
SURFACE 01

Standalone Storefront

OTC flow
Category browsing and detail pages withtrust signals like clinical accuracy badges and contact options.
Prescription flow
A dedicated entry path for prescriptionpatients, separate from browsing, ensuring a prioritized medical journey.
Mixed cart
OTC and prescription items in one cart with clear status indicators, unifying the purchase experience.
BetaCare Pharmacy app interface screenshot
SURFACE 01

Dashboard Module

BetaCare Pharmacy desktop interface view
"The module solves what happened after a consultation ended—bridging the gap between advice and action."
Doctor Side (Generation)
Integrated medical inventory search that allows doctors to generate electronic prescriptions directly within the consultation UI.
Patient Side (Purchase)
A real-time notification and checkout bridge that pops up on the patient's screen the moment a script is signed.

What This Unlocked

Collapsed the entire post-consultation journey — diagnosis, prescription, purchase, confirmation — into a single uninterrupted session.
THE OUTCOME

Two fully connected pharmacy surfaces delivered as one coherent system.

Shared component library, responsive layouts, and annotated handoff specs ensuring a flawless developer implementation.

Reflection

The Pharmacy Project was a transformative experience for me. It confirmed my belief that healthcare software can be approachable and user-friendly. By integrating a design-focused approach into pharmacy services, we fostered a space where patients feel valued and pharmacists feel confident. The blend of healthcare and design is essential for the evolution of health technology.
Next Project

View Mekatron & Persones

HEALTH-TECH
E-COMMERCE

BetaCare Pharmacy

One pharmacy. Two surfaces. Zero handoff gaps
ROLE
Product Designer
PLATFORM
Web App · Responsive
DELIVERABLES
E-commerce UX · Dashboard Integration ·Component Library · Handoff Specs

01. Context

THE BRIEF
BetaCare needed a pharmacy that worked in two completely different contexts — a standalone storefront for browsing and buying, and a module embedded inside an active telemedicine consultation. Two surfaces. One coherent system.
THE PROBLEM
Most pharmacy platforms are built for one user doing one thing. BetaCare's pharmacy had to serve four scenarios simultaneously — a consumer browsing OTC products, a patient fulfilling a prescription, a doctor sending that prescription without leaving the dashboard, and a patient completing the purchase from within the consultation screen.Designing for all four, across two surfaces, without friction or disconnection was the core challenge.

02. Research

I treated both surfaces as one connected system, same component library, same productarchitecture, same checkout logic. A patient moving between the storefront and the dashboardmodule never feels like they've switched platforms. Research spanned global pharmacy and health e-commerce benchmarks — Boots, CVS, Chemist Warehouse, and African platforms — using AI-assisted audit methods to accelerate analysis.
The Primary Insight
Every competitor buried prescription fulfillment in account management. Making it a first-class, clearly signposted experience on both surfaces became the central design decision.
SURFACE 01

Standalone Storefront

OTC flow
Category browsing and detail pages withtrust signals like clinical accuracy badges and contact options.
Prescription flow
A dedicated entry path for prescriptionpatients, separate from browsing, ensuring a prioritized medical journey.
Mixed cart
OTC and prescription items in one cart with clear status indicators, unifying the purchase experience.
BetaCare Pharmacy app interface screenshot
SURFACE 01

Dashboard Module

BetaCare Pharmacy desktop interface view
"The module solves what happened after a consultation ended—bridging the gap between advice and action."
Doctor Side (Generation)
Integrated medical inventory search that allows doctors to generate electronic prescriptions directly within the consultation UI.
Patient Side (Purchase)
A real-time notification and checkout bridge that pops up on the patient's screen the moment a script is signed.

What This Unlocked

Collapsed the entire post-consultation journey — diagnosis, prescription, purchase, confirmation — into a single uninterrupted session.
THE OUTCOME

Two fully connected pharmacy surfaces delivered as one coherent system.

Shared component library, responsive layouts, and annotated handoff specs ensuring a flawless developer implementation.

Reflection

The Pharmacy Project was a transformative experience for me. It confirmed my belief that healthcare software can be approachable and user-friendly. By integrating a design-focused approach into pharmacy services, we fostered a space where patients feel valued and pharmacists feel confident. The blend of healthcare and design is essential for the evolution of health technology.
Next Project

View Mekatron & Persones

HEALTH-TECH
E-COMMERCE

BetaCare Pharmacy

One pharmacy. Two surfaces. Zero handoff gaps
ROLE
Product Designer
PLATFORM
Web App · Responsive
DELIVERABLES
E-commerce UX · Dashboard Integration ·Component Library · Handoff Specs

01. Context

THE BRIEF
BetaCare needed a pharmacy that worked in two completely different contexts — a standalone storefront for browsing and buying, and a module embedded inside an active telemedicine consultation. Two surfaces. One coherent system.
THE PROBLEM
Most pharmacy platforms are built for one user doing one thing. BetaCare's pharmacy had to serve four scenarios simultaneously — a consumer browsing OTC products, a patient fulfilling a prescription, a doctor sending that prescription without leaving the dashboard, and a patient completing the purchase from within the consultation screen.Designing for all four, across two surfaces, without friction or disconnection was the core challenge.

02. Research

I treated both surfaces as one connected system, same component library, same productarchitecture, same checkout logic. A patient moving between the storefront and the dashboardmodule never feels like they've switched platforms. Research spanned global pharmacy and health e-commerce benchmarks — Boots, CVS, Chemist Warehouse, and African platforms — using AI-assisted audit methods to accelerate analysis.
The Primary Insight
Every competitor buried prescription fulfillment in account management. Making it a first-class, clearly signposted experience on both surfaces became the central design decision.
SURFACE 01

Standalone Storefront

OTC flow
Category browsing and detail pages withtrust signals like clinical accuracy badges andcontact options.
Prescription flow
A dedicated entry path for prescriptionpatients, separate from browsing, ensuring aprioritized medical journey.
Mixed cart
OTC and prescription items in one cart withclear status indicators, unifying the purchaseexperience.
BetaCare Pharmacy app interface screenshot
SURFACE 01

Dashboard Module

BetaCare Pharmacy desktop interface view
"The module solves what happened after aconsultation ended—bridging the gap betweenadvice and action."
Doctor Side (Generation)
Integrated medical inventory search that allows doctors to generate electronic prescriptions directly within the consultation UI.
Patient Side (Purchase)
A real-time notification and checkout bridge that pops up on the patient's screen the moment a script is signed.

What This Unlocked

Collapsed the entire post-consultation journey — diagnosis, prescription, purchase, confirmation — into a single uninterrupted session.
THE OUTCOME

Two fully connected pharmacy surfaces delivered as one coherent system.

Shared component library, responsive layouts, and annotated handoff specs ensuring a flawless developer implementation.

Reflection

The Pharmacy Project was a transformative experience for me. It confirmed my belief that healthcare software can be approachable and user-friendly. By integrating a design-focused approach into pharmacy services, we fostered a space where patients feel valued and pharmacists feel confident. The blend of healthcare and design is essential for the evolution of health technology.
Next Project

View Mekatron & Persones