DESIGN SYSTEM

DESIGN SYSTEM

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

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

ROLE

Design Lead, leading Design System strategy, execution, and team collaboration

SCOPE

Organization-wide across multiple products and teams

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

Method 01

Map the existing system

Mapping patterns to identify inconsistencies and opportunities.

Method 02

Build a shared component

Creating reusable components, foundations, and scalable patterns for consistency.

Method 03

Establish ways of working

Defining shared workflows and review processes across Design and Engineering.

Implementation

Two product screens side by side showing the visual transformation

Before

↓

↓

After

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

Components

Animations

Error

Try refreshing the page or creating your media again

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.