Four Design systems
Each built to solve real product complexity, improve delivery speed, and standardise experience across platforms.
Process & Approach
The Sanofi design system. Primitive colors, light and dark modes, icon states, and modular components built to scale across a global healthcare platform.
Across these systems I learned that scalability has to be baked in from the start, with lean tokens, variables, and modules that grow without becoming noise. Documentation only works if it is simple, connected, and searchable. Accessibility and motion have to be solved at the component level so every pattern holds up. Fast prototyping with real components lets teams test ideas early and ship with confidence. And the branding has to sit naturally inside the system so the experience feels both functional and emotionally grounded for the people who use it.
industry
Enterprise
timeframe
4 systems over 5 years
team
Led junior designers, partnered with design leads, design ops, product managers, engineers and client stakeholders.
skills & tools
Design systems architecture and governance, component management, accessibility, responsive UI, motion guidelines, Figma, Storybook, Framer, Notion
The patient site built from the system, showing how journey-led architecture and benefit-focused messaging replaced clinical language to give users a clear path to next steps from the moment they arrive.
This prototype is built around what users actually responded to in testing. They rejected gimmick-heavy campaigns and focused on four things: what the product is, how it helps them, what it costs, and proof it works for others. The layout reflects that. There is a benefit-first opener with motion, a clear testing and cost section for the three target groups, an MOA that explains how it works, and a testimonial path supported by short looping videos. Everything stays lightweight, simple to scan, and accessible despite the motion.
The mobile experience showing how the journey-led structure holds up at phone scale, with benefit-first messaging and clear pathway choices visible without scrolling.
Results
Four enterprise design systems delivered across four organisations, each on time and within scope
100% WCAG accessibility compliance achieved across all Sanofi patient and HCP sites
Regulatory comments reduced from 200+ per cycle to under 40 on Sanofi by embedding compliance into the system
Storybook handoff on Novartis enabled CMS conversion across the entire product portfolio without design rework
What I'd do differently
Use AI to generate and maintain documentation automatically, keeping it lean and current without manual overhead
Build a searchable, navigable doc structure from the start rather than comprehensive documentation that becomes too dense to use quickly
Run more usability testing on component patterns before finalising to catch edge cases earlier
Push for post-launch access on every project to measure whether the systems were actually being used and maintained as intended
