A six-year evolution of a global design ecosystem for LIONS.

A six-year evolution of a global design ecosystem for LIONS.

A six-year evolution of a global design ecosystem for LIONS.

A Multi-brand Design System for LIONS,
one system, infinite scalability.

Strategy and execution of a white-label front-end infrastructure for the LIONS Intelligence portfolio.

A Multi-brand Design System for LIONS, one system, infinite scalability.

Strategy and execution of a white-label front-end infrastructure for the LIONS Intelligence portfolio.

Subscriptions

Subscriptions

Subscriptions

Events & Awards

Events & Awards

Events & Awards

Figma

UI Library

Components

Patterns

Documentation

Storybook

Component documentation

Builder.io

CMS

Components

Templates

Pages

  • Events & Awards brands
  • Marketing brands

1+ components and counting

across LIONS Events and Subscriptions divisions

1+ components and counting

across LIONS Events and Subscriptions divisions

1+ components and counting

across LIONS Events and Subscriptions divisions

Role

Product Design Lead

Product Design Lead

From co-creating the original POC in 2019 to leading its third major iteration today, I have spent over six years architecting the digital foundation for the world’s most prestigious marketing and intelligence brands.

This system is proof, that a DS is more than a deliverable; it’s an organic, living system. Over time, I've ensured we stay agile and relevant and progressively improved delivery, efficiency, and experience process and quality.



Version I - 2019

POC - MVP

POC - MVP

Meet Horizon. The original design system, created prove that a shared architecture could support a portfolio of fintech and creativity events and awards programmes that LIONS parent company Ascential owned

Working with a small skunkworks team of 3, we rapidly went from concept - POC in less than 10 weeks. We quickly worked across the brands to create a token mapping pattern, and identified 10 core components that were required for the most basic brochure site.
Organisation of the Atomic system
POC sites for Cannes Lions and Money 20/20 brands
The original Design System POC, know as horizon. Co-created alongside Neal Matthews.

Version II - 2022

LIONS Events & Awards division

LIONS Events & Awards division

Years later, I helped LIONS to help with the next iteration, focusing this time on the LIONS suite of event brands and crafting a more considered approach for the prestigious brands.
The second iteration focused on creating a more considered and refined system, designed to reflect the quality expected of the brands.
Organisation of the Atomic system
POC sites for Cannes Lions and Money 20/20 brands

Version III - 2025

LIONS Intelligence division

LIONS Intelligence division

The latest version dubbed LIONS One, has been developed to cater for the growing suite of subscription sites and services.
the most advanced and detailed of the all the set-ups.
Figma file config, each component utilises variables to enable flexibility and ease of use.
Typography styling
Icon design
Guided by the view that the app should feel like a crafted, physical remote
Taking brand config even further using styles
Global NavBar component / Utility options
Text input bar documentation
LIONS Custom Lightbox

Governance & Adoption

Governance & Adoption

Building the system was only half the battle. To ensure long-term success, I focused on:

  • The One Lion Contribution Model: I established a governance framework to ensure the system remains a living product, not a static library.
  • Universal Accessibility: We baked WCAG 2.1 compliance into every core component, ensuring inclusivity was the default across the entire portfolio.
  • Team Empowerment: I documented all patterns and flows in Figma, configuring every element to be easily utilized by the wider design and engineering teams.
Building the system was only half the battle. To ensure long-term success, I focused on:
  • The One Lion Contribution Model: I established a governance framework to ensure the system remains a living product, not a static library.
  • Universal Accessibility: We baked WCAG 2.1 compliance into every core component, ensuring inclusivity was the default across the entire portfolio.
  • Team Empowerment: I documented all patterns and flows in Figma, configuring every element to be easily utilized by the wider design and engineering teams.
LIONS Design System internal documentation

Component documentation listing page

Results

1+ compents in production

1+ compents in production

1+ Brands

1+ Brands

Over six years, I have steered the system through three major generations, adapting to new technologies, brand acquisitions, and shifting user needs.

What started as a small experiment now powers 10+ global brands across both Events and Subscriptions divisions.

There have been a number of internal changes and an acquisition of Ascential by Informa, the design system still lives on while surronding tech has been decommisioned.

Head of Platform

Kerry Tse

Design

Kat Mawhinney-Kam

Development

Sean Patterson

Jacob Healey

LIONS Design System
Multi-brand Design System V1.0 - 3.0

LIONS Design System
Multi-brand Design System V1.0 - 3.0

LIONS Events & Awards
Cannes Lions redesign & regional awards relaunch

LIONS Events & Awards
Cannes Lions redesign & regional awards relaunch

LIONS Intelligence
Subscription sites & A.I Initiatives

LIONS Intelligence
Subscription sites & A.I Initiatives

Want to talk about multi-brand design systems?