Tanvir Ahassan
All work

2025 • Website Redesign • Health

ZO Skin Centre

I brought four clinic locations into one browsing and booking experience, so patients could compare treatments, practitioners and results without losing their place.

ZO Skin Centre homepage with a facial treatment hero, a clinic locations grid, and practitioner profiles
Role
Sole UI/UX Designer
Industry
Health
Platform
Desktop & Mobile
Year
2025
Duration
4 months
Read
2 min

The challenge

The existing site split the clinic experience across separate locations and made booking harder than it needed to be. The redesign had to create one clear path from treatment research to consultation.

Primary audiences

Patients
People comparing treatments, practitioners, results and clinic locations before they book.
Dermatologists
Practitioners whose credentials and experience need to be easy for patients to evaluate.

What shaped the work

The clinic manager pointed to three recurring problems: booking took too much effort, each location felt separate, and the proof patients looked for was scattered across the site.

Insights

  • Separate location pages made comparison harder and forced patients to restart their journey.
  • Treatment information, practitioners, reviews and results worked better when they supported the same decision.
  • The booking path needed to stay visible and work cleanly on a phone.
Competitor analysis1 note
  • The comparison focused on how clinic sites bring treatment details, practitioner credibility, results and booking into one journey.

Key decisions

What I changed and why

One front door for every clinic
Placed all four locations on the homepage so patients could compare them without moving between separate sites.
Proof close to the decision
Brought practitioners, reviews and before-and-after results into the treatment journey instead of leaving them in isolated sections.
A shorter route to consultation
Kept booking actions visible and made the form easier to complete on mobile.
Before and after comparison of the ZO Skin Centre homepage — the old dark blue layout beside the redesigned version with a treatment hero and a clinic locations grid

Before and after — homepage

Before and after — homepage — click to enlarge
Practitioner profile for Zein Obagi, M.D. on mobile, beside an About panel and a locations list with map

Practitioner profile and locations

Practitioner profile and locations — click to enlarge
Treatment results page showing before and after photos of a ZO Controlled Depth Peel, beside a practitioner card and clinic contact details

Treatment results

Treatment results — click to enlarge
Angled view of mobile screens — practitioner profile, treatment results, patient reviews, and a consultation request confirmation

Mobile flow

Mobile flow — click to enlarge
Selected user flows2 notes

  1. Book a Consultation

    1. Homepage
    2. Select service
    3. Choose doctor
    4. Fill booking form

  2. Compare Treatment Options

    1. Homepage
    2. Treatment
    3. Practitioner and results
    4. Choose clinic
Wireframes2 notes
  • Started with low-fidelity layouts to settle the relationship between treatments, locations and booking.
  • Moved into high-fidelity prototypes after the main path was clear.
Visual direction2 notes
  • Used a quiet, premium visual language with generous space and restrained medical cues.
  • Stayed close to the parent brand while giving the clinic a clearer identity of its own.

More work.

All projects