Case Study · E-Commerce Web Platform

Haqme — Designing an Online Pharmacy & Beauty Platform

Building a simple, trustworthy shopping experience for medicine and beauty products — for users of all ages.

Role
Product Designer
Platform
Web
Scope
End-to-End UX/UI Design
Tools
Figma
Haqme — Designing an Online Pharmacy & Beauty Platform

01 — A new e-commerce platform built from zero

Haqme is an online platform for purchasing medicine and beauty products. The client had no existing digital product — this was built from scratch. My role was to design the full shopping experience: from discovery to checkout, for a wide range of users across different ages and tech comfort levels.

02 — How do you make buying medicine online feel easy and safe?

Buying medicine is different from buying clothes. Users need to trust the platform, find the right product quickly, and complete the purchase without confusion. The challenge was designing an experience simple enough for older users, fast enough for younger ones, and trustworthy enough for everyone.

Zero existing product
Wide age range
Trust-sensitive category
Complex product catalog

03 — Understanding users before touching Figma

I started with competitor analysis — studying how similar platforms handle pharmacy and beauty e-commerce. I mapped user journeys, built personas representing different age groups and shopping behaviors, and sketched storyboards before any visual design began. This made sure every screen had a clear job.

Competitor analysis
Competitive analysis comparing Healf, Lifespanning, Bon charge, and Haqme across strategy, UX, and product features
User persona
User persona: Leila Faris, the protective wellness parent — demographics, traits, pain points, and goals
User journey mapping
User journey map for Leila across awareness, consideration, purchase, service, and loyalty
Storyboard
Storyboard and scenario: Leila’s research journey from awareness through loyalty

04 — Four decisions that shaped the shopping experience

01

Search first — Finding the right product fast

Medicine and beauty shoppers usually know what they want. I designed search as a primary entry point — with filters, suggestions, and clear PLP layouts — so users spend less time browsing and more time buying.

02

PDP built for trust — All the information, none of the confusion

Product detail pages carry a lot of weight in pharmacy e-commerce. I structured PDPs to surface the most important information first — product name, dosage, price, availability — with secondary details available without cluttering the screen.

03

Checkout without friction — As few steps as possible

I simplified the checkout flow to minimize drop-off — clear basket summary, straightforward payment steps, and confirmation states that reassure the user their order went through.

04

Designed for all ages — Usability tested and iterated

We ran usability testing and A/B testing during the project. Findings directly shaped decisions around font size, button sizing, and navigation clarity — making sure the experience worked for a 60-year-old as well as a 25-year-old.

05 — The experience, screen by screen

Home

Entry point for all user types — featuring categories, promotions, and a prominent search bar. Designed to orient the user immediately.

Search

Real-time search with suggestions and filters. Fast access to products by name, category, or condition.

PLP (Product List Page)

Scannable product grid with filtering and sorting — optimized for both browsing and targeted searches.

PDP (Product Detail Page)

Full product information with clear add-to-basket action. Trust signals and key details prioritized above the fold.

Basket & Sidebar

Persistent basket sidebar so users can review and edit their order without leaving the page.

Checkout

Streamlined multi-step checkout with clear progress indication and error handling at every step.

Profile

Order history, saved addresses, and account management — simple and easy to navigate.

06 — Testing assumptions, not just designs

This wasn't a design-and-ship project. We ran usability testing to catch problems before they reached users, and A/B testing to validate key decisions. Results shaped the final designs — particularly around navigation structure, product card layout, and checkout flow.

Usability testing
A/B testing
Iteration
User feedback

07 — Daily contact with the client, end-to-end

I worked alongside a product manager and maintained daily communication with the client throughout the project. From early wireframes to final prototypes, every stage was reviewed and aligned with the client before moving forward.

08 — A complete shopping experience — built from nothing

Haqme went from zero to a fully designed e-commerce platform — with every screen from login to order confirmation covered. The experience was tested with real users, iterated based on findings, and designed to work for the full spectrum of who shops for medicine and beauty products online.