Pharmacy Retail
Beta Pharmacy
A responsive e-commerce experience for Beta Pharmacy - a 30-branch chain - built around the idea that a returning customer should feel known.
Type
B2C
Role
Product Designer
Scope
- E-commerce UX
- Responsive web design
- Visual system
- Component design
Beta Pharmacy is a 30-branch retail pharmacy chain. The design brief was to treat each shopper as part of a community rather than as a one-off transaction - a personal area, personalized coupons and discounts, and the sense that the site recognizes a returning customer and surfaces what they actually need.
01 · Section
The brief
The site had to do the standard e-commerce job - catalog, product pages, contact, checkout - but the differentiator is the membership angle. Logged-in customers see personalized coupons and discounts; the personal area is the spine of the experience, not an afterthought. The intent was for the site to feel like it recognizes its customer - like it knows what they need because it knows them.
02 · Section
Coupon cubes
Discounts on the site come in several types, and all of them need to coexist on the same product card. Instead of a row of textual badges, I designed “coupon cubes” - small color-coded bubbles attached to the price, with different representations for unit-based discounts, percentage discounts, and fixed-amount discounts. This pattern allows the eye to scan a product card and immediately understand which savings and benefits apply, without reading. It's the kind of component that earns its value on every catalog page.
03 · Section
Responsive
Going from web to mobile forces real adjustments - touch targets, column collapsing, navigation pattern - but the visual identity and information hierarchy stay continuous across breakpoints. A customer who learned the site on desktop doesn't have to relearn it on phone.