Design system

Creating a unified design system across WSC’s products, from visual foundations to components and ways of working.

ROLE

Design System Lead

SCOPE

Organization-wide Design System spanning multiple products, teams, and disciplines

Project Overview

As WSC grew, different products evolved with their own patterns, creating inconsistencies across the experience.

The goal was to establish a unified design language and a shared way of working across the organization.

Challenge

How do you create consistency across an entire organization

The challenge went beyond creating a component library. With multiple products and teams working in parallel, we needed to establish shared principles, a common visual language, and a consistent way of working. The system also needed to be flexible enough to support different product needs while maintaining consistency across the organization.

Approach

01 — Map the existing system

Mapping patterns to identify inconsistencies and opportunities.

02 — Build a shared component

Creating reusable components, foundations, and patterns.

03 — Establish ways of working

Defining shared workflows and review processes across Design and Engineering.

The Design System

Two product screens side by side showing the visual transformation

A selection of the reusable components and patterns created for the system

Error

Try refreshing the page or creating your media again.

Loading...

Let’s create a video

The movie you create will appear here

Impact

Consistency:

Products became more consistent through a shared visual language and reusable components.

Efficiency:

Reusable components reduced the time needed to design and build new product experiences.

Collaboration:

Designers and developers established a more aligned way of working together.