Walgreens Specialty Pharmacy Rebrand
When a Specialty Pharmacy Is Acquired By A Retail Giant
I built a clinical-first component library that respected the parent brand while making it accessible for the patients who depend on it.
Company
Walgreens / Alliance Rx Specialty Pharmacy (Pharmtech)
Role
0 > 1 design system rebuild, reskin of digital products (all hands)
Team
Design manager, engineers, design team members
Deliverables
Figma Component Library, digital products "reskined", WalgreensSpecialtyRx.com 1.0 and 2.0
Overview
Core Problem
Walgreens' CARE Design System is a retail-first system. It optimizes for e-commerce — smaller fonts and tighter margins to fit more content on screen, visual density that serves browsing and product discovery. That logic makes sense for its intended audience.
Specialty Pharmacy patients are a fundamentally different population. They are managing chronic or terminal conditions — diseases like Parkinson's, Multiple Sclerosis, and cancer — that actively affect their ability to interact with a digital interface. Tremors make tapping small buttons difficult. Vision impairment from medication or disease progression makes small type a real barrier. Cognitive load from illness means a cluttered screen isn't just unpleasant — it makes managing your own health harder than it needs to be.
AllianceRx's design system was built to WCAG 2.1 AAA accessibility standards — a higher bar than the AA compliance of CARE. Larger font sizes, larger touch targets, more generous negative space, and less visual noise were not aesthetic preferences. They were deliberate decisions driven by Alliance Rx's guiding principles. Adopting CARE as-is was simply not an option.
Key Differences
CARE Design System (Retail)
Optimized for e-commerce conversion
High visual density, promotional hierarchy
WCAG 2.1 AA accessibility
Smaller type and margins to fit more content
Designed for healthy, incidental users browsing
WSP Design System (Clinical)
Optimized for task completion and safety
Generous negative space, minimal visual noise
WCAG 2.1 AAA accessibility
Larger type and touch targets for impaired motor/vision
Designed for patients managing serious conditions
New Walgreens Specialty Pharmacy Design System

Walgreens' CARE Retail Design System

New Walgreens Specialty Pharmacy Design System

Walgreens' CARE Retail Design System

Product Strategy
Phase 1 • Reskin
Rapid rebrand across all active products
Applied Walgreens crimson and neutrals across EZ Mobile Reorder, New Patient Onboarding (NPO), and Walgreens Mail Service. Preserved AllianceRx's clinical component logic while meeting brand transition deadlines.
Phase 1 • Rebuild in Parallel
WSP Design System built alongside the reskin
As reskin decisions revealed CARE's clinical gaps, each gap became a design system specification. Components were rebuilt from the CARE foundation with AAA compliance, increased spacing, and clinical interaction patterns.
Phase 2 • Launch
New WSP website designed and launched
Designed and launched a new walgreensspecialtypharmacy.com — the first fully WSP DS-native product. The system's clinical principles were applied holistically, not retrofitted onto an existing experience.
Phase 3 • Iterate
Website deliberately overhauled one year later
With a full year of patient interaction data and a more mature design system, the website was redesigned — not patched. This was an intentional reset to close the gap between the rapid-launch version and the system's full clinical vision.
Ongoing
System expanded to new products
The WSP Design System became the foundation for all new Specialty Pharmacy digital products built after the initial launch.
EZ Mobile Reorder • New WSP Brand








EZ Mobile Reorder • Alliance Rx








