Multi-brand design system

S4D

2025 – 2026 · Global consumer healthcare company

One tokenised design system that unifies a multi-brand web estate and lowers the cost of running it.

Design tokensAtomic designComponent libraryAuditsDesign QADesign-to-dev

Image placeholder: hero: component library overview

My role

Product Designer

Timeline

2025 – 2026

Users

Brand and market teams, developers, QA

Tools

Figma, Zeroheight, Storybook, Confluence, Jira

01Impact

80+brands on one design system

15%lower cost to operate the estate

3website archetypes replace bespoke builds

02Context

The problem

The web estate had grown organically. Custom components, inconsistent experiences and duplicated design effort pushed maintenance cost up and slowed every launch.

[Add: one line on the business goal or how success was measured]

Image placeholder: archetypes diagram

03My contribution

What I did

Created and modified component variants, templates and hi-fi brand mockups.
Translated distinct brand visual languages into tokens while keeping shared patterns consistent.
Audited brand sites, wrote design stories and partnered with engineering on implementation guidance.
Resolved build, migration and QA queries so delivery stayed faithful to the design.

04Use cases and decisions

How I decided

Audit before you design

A cross-platform behaviour audit of core components showed where brands had drifted, so the system fixed real inconsistencies.

Tokens carry the brand, components carry consistency

Each brand keeps its own look through tokens, while patterns and behaviour stay shared.

Three archetypes replace bespoke builds

Central Location, Brand.com and Above Brand cover most sites without a custom design each time.

[Add: name the options you rejected for one decision]

05Process and solution

Screens and flows

Image placeholder: component variants

Image placeholder: hi-fi mockup

Image placeholder: design story

06Outcome

Results and learnings

One source of truth for components, patterns and guidelines. 80+ brands now share a single tokenised system, and the estate costs 15% less to operate.

[Add: one thing you would do differently, and one thing you learned]

“Add a testimonial that fits this project.”

Name · Role

S4D