Tanvir Ahassan
All work

ZO Skin Centre · Healthcare / Wellness

Unifying four locations into one clearer experience for discovering treatments and booking care

ZO Skin Centre ran four locations as four separate websites. I restructured the platform around what people are actually deciding — a treatment, a practitioner, a place — rather than around which clinic owns the page.

Three ZO Skin Centre mobile screens on a blue field — the homepage with its locations list, Zein Obagi's practitioner profile, and the Beverly Hills location page
Role
Lead Product & UX Designer
Timeline
6–8 months
Scope
UX strategy · IA · UI · Design system · Prototyping
Read
3 min

The challenge

Four locations meant four websites. Each had its own navigation, its own copy of the services, its own practitioner pages — and the main site was little more than a fork that sent you to one of them.

The catalogue was largely shared. The structure was organised around which clinic owned the page, not around what someone was deciding. The visual system had drifted from ZO Skin Health too.

  • 014 locations, 4 sites
  • 021 shared service catalogue
  • 031 design system

Two problems, one redesign

  • 01

    A fragmented experience

    Finding which clinic offered a treatment meant leaving one site and starting again on another.

  • 02

    A system adrift from the brand

    Components and patterns had diverged from ZO Skin Health, so the centre read as a separate company.

The goal

One experience where people can find what they need, see where it is available, and take the next step — without starting over.

From four location experiences to one platform

The old main site could not answer a single question about a treatment. Everything that mattered lived inside whichever location site you landed on, duplicated four times over.

Before

A fork in the road. Four addresses, four exits, nothing else.

A fork in the road. Four addresses, four exits, nothing else.
Before

Behind each exit, a separate site with its own nav and its own copy of the services.

Behind each exit, a separate site with its own nav and its own copy of the services.

Where the structure was settled

The architecture was settled in wireframes before anything was styled — a service knows its locations, a practitioner knows theirs, a result knows both.

Homepage
Services
Practitioner
After

Location became a preference you set once and can change from the nav — not a website you get sent to.

Location became a preference you set once and can change from the nav — not a website you get sent to.
After

One location page now carries the whole decision: treatments, practitioners, results, reviews, directions.

One location page now carries the whole decision: treatments, practitioners, results, reviews, directions.

Connecting the decisions people actually make

Choosing a treatment, choosing who performs it and choosing where to go are one decision in three parts. Each became a first-class thing that knows about the other two.

Service

The consultation form sits beside the treatment, with the service already selected.

The consultation form sits beside the treatment, with the service already selected.
Practitioner

A practitioner is no longer filed under one clinic. The profile lists every location they work from.

A practitioner is no longer filed under one clinic. The profile lists every location they work from.
Results

Location is a filter here, not a separate site. So are treatment, age and gender.

Location is a filter here, not a separate site. So are treatment, age and gender.
One result

A result is a junction: the treatment, the practitioner, the place, and the way to ask about it.

A result is a junction: the treatment, the practitioner, the place, and the way to ask about it.

Built on the parent brand, extended for the centre

ZO Skin Health is the foundation. The centre needed what the parent brand did not have: location cards, service cards, filter rails, consultation forms, and the states each moves through.

Hero
Location card
Service card
Consultation form

Built as reusable components and prototyped in Figma.

The final experience

Homepage — one entry point for four locations.

Homepage — one entry point for four locations.

Before and after: the page that sent you away, beside the one that answers instead.

Before and after: the page that sent you away, beside the one that answers instead.

Practitioner — profile, every location they work from, and the map.

Practitioner — profile, every location they work from, and the map.

A result on the phone, with who performed it and how to reach them beside it.

A result on the phone, with who performed it and how to reach them beside it.

Practitioners, results, filtered reviews, and the confirmation that closes the loop.

Practitioners, results, filtered reviews, and the confirmation that closes the loop.
Mobile
Mobile
Mobile

The same system, narrowed.

A unified foundation for location, service and consultation discovery

After six to eight months of exploration, design, prototyping and stakeholder review, the experience was finalised and handed to development.

  • 01

    One experience

    Four sites became one platform, with location as a preference rather than a destination.

  • 02

    Discovery that connects

    Services, practitioners, results and reviews point at each other instead of sitting in silos.

  • 03

    A system that scales

    The patterns can carry a fifth location without a fifth design.

  • 04

    Back inside the brand

    The centre reads as part of ZO Skin Health again.

Key takeaway

Organise the experience around what people are trying to do, not around how the business is arranged.

The hard part was never a page. It was a structure that could hold four locations, one shared catalogue, practitioners who work across several clinics, and the results attached to all of it — without any of that showing.

More work.

All projects