Design Systems

About the project

For a premium automotive client I led the Design Systems team. We started as a simple Component Library and ended up developing a more mature Design System including strong collaboration and a governance model.I managed our transition from Sketch to Figma, redesigning all components and was responsible for our fusion with another large Design System from the same organisation. All with the intention to create efficiencies and to save our client a lot of time and money.

Audience:

primarily: Devs, XDs, QAsbut of course the results are there for our final users to enjoy.

Tools

Figma, GitHub, 
prior: Sketch, Zeplin
Mural, Token Studio, Accessibility Plug-Ins

The Team

Experience Designers, Devs, QA, PM

Timeline

2023 - 2024

Process

Main Tasks:

  • Design System Audits
  • Design System Migration (Sketch to Figma)
  • Merging of 2 Design Systems
  • Establishing of DSaaS

Challenges:

Our guidelines and documentation became outdated, causing inefficiencies for our designers and developers. We faced challenges keeping up with the evolving design system, and dealing with outdated Software. We uncovered inefficiencies with the organisation having too many Design Systems. We needed to unify those, create a comprehensive governance model, raise our maturity level and migrate platforms. All that with very limited time availability from the team. Our outdated tools were no longer serving the teams and let to overcomplicated component structures.

The Process:

Survey of the product teams to understand what was working and what should be improved first.

Improving the guidelines. Our focus was on clarity and relevance to improve accessibility, collaboration, and efficiency within cross-functional teams.

Migrating tools - moving all components to Figma, enabling and training the teams to make a smooth transtition possible.

Design System Leadership:

- Connecting the dots between various project teams and their priorities
- Team Growth - Giving others the chance to do things they want to do, even if they haven't done it before
- Stakeholder Management - Setting expectations with clients and leaders about what the Design System can achieve
- Building bridges between cross-functional teams and decision makers
- Created a safe space for requests, and feedback

Learnings:

In a large project with over 200 people and 11 product teams, some decisions will take time
Break tasks down into small chunks
Get everyone excited about change!
Find your allies and collaborate

Next case study