A patient-first website for a clinic network

Challenge

Inconsistent screens, confused users

Years of one-off designs left the product hard to use and slow to build — every new feature reinvented the same components.

Objectives

What we set out to achieve

An intuitive experience and a shared system design and engineering both use.

• +50%Task success
• 1Shared component library
• WCAG AAAccessibility

Strategy

Research before pixels

Interviews and usability tests identified the moments that mattered most; we designed those journeys first.

Solution

A system, not just screens

Redesigned key flows plus a tokenised Figma design system with documented components mirrored in code.

Technology

The stack behind it

Chosen for reliability, speed and easy ownership by the client team.

• FiFigma
• FiFigJam
• StStorybook
• ReReact
• MaMaze
• ToTokens Studio

Implementation

10 weeks, four phases

Weekly demos kept the client team involved at every step.

1. Weeks 1–2ResearchInterviews, analytics, audit.
2. Weeks 3–6DesignFlows, prototypes, testing.
3. Weeks 7–9Design systemTokens, components, docs.
4. Week 10HandoffSpecs, QA support, training.

Results

Easier to use, faster to build

+90% Online Bookings, and new features now ship from ready-made components.