Case Study / 02 Shoppers Drug Mart × Loblaw Digital 2022

Winning back digital trust.

A four-person team rethinking the SDM Digital Pharmacy with Loblaw Digital — addressing declining online transactions and rebuilding the prescription refill experience around clarity, accessibility, and trust.

Shoppers Drug Mart Digital Pharmacy redesign cover
Role

UX Lead
Interaction · Visual · Flows · Prototyping

Team

Disha Dhanwani (PM)
Phuong Nguyen (UXD)
Gareth Pereira (UXD)
Dhruv Deva (UXD)

Timeline

4 months
Pitched December 2022

Context

Human-Centered Design course · George Brown × Loblaw Digital

Highlights

An end-to-end redesign of the Digital Pharmacy.

The shipped pitch covered a personalized dashboard, real-time order tracking, and barcode-scan prescription lookup — built on top of a visual system that felt distinctly SDM but stripped of its friction.

SDM redesigned mobile dashboard mockup
H1 — Dashboard mockup Final design
H2 — Sample interactions Loop
SDM context exploration screen
H3 — Context study Research
H4 — Component motion Loop
SDM flow improvement diagram
H5 — Flow improvement Solution
F
Working file

Open the SDM working file in Figma

Browse the full pitch deck, wireframes, and prototypes in detail.

View in Figma
Context

An opportunity to reconnect with patients.

The SDM Digital Pharmacy is a comprehensive system for managing prescriptions — refills, family management, medication tracking. Despite being feature-rich, the platform was watching online transactions decline and patients drift toward competitor pharmacies. The brief was clear: rebuild the experience without rebuilding the trust.

During the pandemic, digital pharmacy services boomed. Post-pandemic, users started preferring in-person visits — they wanted the warmth of speaking to a pharmacist, and the app couldn't replicate it. On top of that, key services like prescription refills were buried in the navigation, so even motivated users gave up.

Why patients clicked away

Four pressures, all hitting at once.

01. Research / Listening to patients

Listening to patients and competitors.

The team ran detailed user research alongside a competitor audit. Patient interviews surfaced the specific friction points; the competitive scan showed what people had grown to expect from a modern pharmacy app. Together they pointed at the same answers.

User research canvas synthesizing interview insights
01 — User research canvas Synthesis
A

Hidden value.

Refill tools — the most-used feature — were three taps from any obvious entry point. Users gave up before they got there.

B

Losing loyalty.

Patients we spoke to had quietly started splitting prescriptions across providers — a clear signal of declining preference.

C

Disconnected experience.

The app felt like a form. The pharmacy counter felt like a relationship. Bridging the two became the design north star.

02. Solution / Three concrete moves

Three moves, one experience.

We focused the redesign on three concrete moves — a customizable dashboard, real-time order tracking, and barcode-scan prescription lookup. Each came directly from a recurring user request, and together they reframed the app as a tool that worked with the patient instead of around them.

  • 01"Dashboard made easy." A customizable, easy-to-navigate home that puts active prescriptions front and center.
  • 02"Prescription at your fingertips." Real-time order tracking — the same kind of transparency people now expect from any retailer.
  • 03"Scan and go." Barcode scanning to pull instant prescription details without typing or searching.
03. Design / Sketch to prototype

From rough to refined.

We worked through three fidelities — sketches to test ideas fast, wireframes to lock structure, then high-fidelity prototypes that felt close enough to the final product to test convincingly. The three pillars guiding every decision: clarity, accessibility, trust.

SDM sketch and wireframe exploration
02 — Wireframe exploration Mid-fidelity
SDM high-fidelity prototype detail
03 — High-fidelity detail Prototype
04. Final / The shipped composition

A seamless, personalized experience.

The final design pulls the three pillars together — clean streamlined dashboard, real-time tracking visible at a glance, and barcode scanning baked into the primary flow rather than tucked behind a menu.

SDM final design composition with multiple screens
04 — Final design composition Pitch deliverable
Reflections

What I'd take into the next role.

01

User-centered, in practice.

Sticking to actual user needs — not assumptions about them — kept the team aligned even when scope pressure pushed toward shortcuts. The most-requested features became the most-shipped.

02

Collaboration changes the answer.

Working with three other designers and a PM brought tradeoffs into view earlier than I'd find them solo. The final design was sharper because of who pushed back on it.

03

Simplicity is not subtraction.

Stripping back complexity isn't about removing things — it's about choosing the right thing to keep. Every screen we cut made the remaining ones do more work.

In Figma

The full file, live.

The complete pitch deck, wireframes, and high-fidelity prototypes — embedded here so you can pan and zoom through them yourself.

Shoppers Drug Mart · Live Figma file Open in Figma ↗
Next case study

Connektra.io →

Open in Figma