Home Play Info
↖ Back to Play
Design System · Gameloft

Vivendi Design System

Building Gameloft's first unified design system from concept to reality

Role
Team Lead UX Designer
Duration
2021 – 2022

I led the implementation of Gameloft's first design system — Vivendi — collaborating closely with engineers to take it from a concept into a living, versioned system used across 10+ product teams globally. The system reduced component build time by 20% and brought coherence to 30+ UI components across web and mobile.

Vivendi Design System Hero

Gameloft had 10+ product teams across 3 global studios working in silos — resulting in inconsistent UI, duplicated work, and slow iteration cycles.

There was no shared design language, no component library, and no documentation platform. Everything was bespoke, everything was fragile.

  • Audited existing UI patterns across all active products
  • Defined token architecture: color, typography, spacing, motion
  • Built 30+ components in Figma with engineering annotations
  • Created a documentation platform for version control and handoff
  • Ran bi-weekly syncs with engineering leads across studios
  • Led A/B testing with product teams to validate component usability

The system had to be opinionated enough to create consistency — but flexible enough to serve vastly different game genres and interfaces.

We chose a token-based approach that decoupled visual decisions from component structure, allowing teams to theme without breaking the system.

Vivendi became Gameloft's company-wide design foundation. Component build time dropped 20%. The documentation platform became the single source of truth for design and engineering — with adoption checklists now built into the product process company-wide.

View Figma Prototype ↗
30+
Components
Built across web and mobile
20%
Faster
Component build time reduction
10+
Teams
Across 3 global studios
1
System
First ever unified Gameloft design language