2206_VODAFONE_FIXED_RUNNERS.jpg

Vodafone - Global design system

Vodafone operates across multiple continents and markets, requiring a scalable, unified design language. Vodafone Source is the company’s global design system, created to drive brand consistency, accelerate delivery, and enable collaboration across regions.


The Problem

Despite having an established system, Source struggled to scale effectively across markets.

Key issues included:

  • Inconsistent component standards and naming conventions

  • Confusing information architecture

  • Redundant components and overrides

  • Limited accessibility and responsiveness standards

  • Weak designer–developer alignment

  • Minimal documentation and unclear usage guidance

  • No formal governance or contribution model

  • Platform performance limitations (Sketch + InVision)

The system existed — but it wasn’t operating as a cohesive product.


The Approach

System Audit & Research
Conducted user research and stakeholder interviews across markets to identify structural gaps, workflow friction, and adoption barriers.

Re-architecting the System

  • Reorganized information architecture

  • Removed redundant components and variants

  • Refined components for responsiveness, accessibility, and reuse

  • Established shared naming conventions between design and engineering

Documentation & Standards

  • Created system- and component-level documentation

  • Defined usage guidelines, principles, and implementation standards

  • Clarified when, how, and why components should be used

Designer–Developer Integration

  • Partnered with engineering to align design components with production code

  • Improved handoff workflows

  • Ensured parity between the design library and the codebase

Governance & Contribution Model

  • Established a governance committee

  • Defined contribution workflows for global product teams

  • Enabled scalable collaboration across markets

Platform Modernization

  • Led migration from Sketch and InVision to Figma

  • Improved performance, collaboration, and real-time contribution


Responsibilities

Ensured system coherence across markets and product lines

  • Advocated for design system adoption in product discussions

  • Educated teams on implementation and best practices

  • Managed cross-market collaboration and contribution pipelines


Impact

Based on a 2021 user survey:

  • 66% reported time savings using Source

  • 53% reduction in time to design screens and journeys

  • 62% faster designer–developer handoff

  • 58% faster onboarding for new team members

  • 78% found the system easy to use

  • 28,000+ components deployed across teams


    This work transformed Source from a component library into a scalable, governed, productized design system — enabling global consistency while supporting local market flexibility.