Adoption is a design problem.

Partner Mastercard
Engagement Design System Lead, Made
Scope Design System, Adoption Strategy, Illustration, Brand

Case study · Mastercard Made

Made design system typography on iPad
Made illustration system
Made spacing system
Mastercard illustration system
Made design system homepage on laptop
Output
  • → Design system north star platform
  • → Unified component library
  • → Illustration system
  • → Design direction and governance
  • → Adoption strategy
Key number
13

Fragmented design libraries consolidated into a single system teams chose to use

The result
30–50%

Reduction in production time across Mastercard design teams. Because the system was worth using

The situation

Mastercard had thirteen separate design libraries across its global teams. Each one built in isolation, each at a different stage of design, code, documentation and governance.

The conventional answer was governance. Mandate a single system and people will use it. But mandates don't create adoption. The real problem was that no system had earned the right to be the single source of truth.

The diagnosis

None of them felt like Mastercard. On the Made team, I led the work that made the system worth using. We started with a full inventory of all thirteen libraries.

From there, my focus was the surface. The north star platform that designers, developers and product owners would actually come to. Design direction, content, and an illustration system that brought Mastercard's rich visual assets into designers' daily workflow for the first time.

The outcome

Design teams across Mastercard reported 30–50% reduction in production time. Not because they were told to use it. Because it was finally worth using.

Made design system — overview
Made design system — components
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration
Mastercard illustration

Illustration system

Mastercard had a rich library of visual assets, but they lived outside daily design and dev workflow. The illustration system pulled them into Made, so a designer in Singapore or a product team in Dublin could pick up an asset that felt like Mastercard, ready to use, without leaving the system.

Mastercard illustration system overview
Mastercard illustration system details

Inventory

Before Made could become the single source of truth, the existing thirteen libraries had to be inventoried: every component, every variant, every team that owned them. The audit became the foundation for what Made would absorb, what it would replace, and what it would politely leave alone.

Mastercard design system inventory — component audit
Made mockup
Made mockup
Made mockup
The lesson
Adoption isn't a governance problem.
It's a quality problem.

Build something worth using,
and teams will choose it.