Building a design system

Building a design system

Building a design system

Centralized design & engineering standards

Centralized design & engineering standards

Centralized design & engineering standards

I led the creation of a scalable, accessible design system that brought cohesion, speed, and clarity across teams.

I led the creation of a scalable, accessible design system that brought cohesion, speed, and clarity across teams.

I led the creation of a scalable, accessible design system that brought cohesion, speed, and clarity across teams.

Company

Company

Company

SimplePractice

SimplePractice

SimplePractice

Skills

Skills

Skills

Content Design Documentation Product Design

Content Design Documentation Product Design

Content Design Documentation Product Design

Category

Category

Category

Design Systems

Design Systems

Design Systems

Date

Date

Date

Launched Feb 2023

Launched Feb 2023

Launched Feb 2023

App Screen with open sidebar
App Screen with open sidebar
App Screen with open sidebar

Challenge

Challenge

Challenge

Figma components were old and copy/pasted from Sketch files, which led to them being poorly constructed. They were also spread across 5-6 library files. Very little documentation existed anywhere for design, content, or engineering. This led to huge amounts of design and tech debt, and designers were unsure of what patterns to use and when.

Figma components were old and copy/pasted from Sketch files, which led to them being poorly constructed. They were also spread across 5-6 library files. Very little documentation existed anywhere for design, content, or engineering. This led to huge amounts of design and tech debt, and designers were unsure of what patterns to use and when.

Figma components were old and copy/pasted from Sketch files, which led to them being poorly constructed. They were also spread across 5-6 library files. Very little documentation existed anywhere for design, content, or engineering. This led to huge amounts of design and tech debt, and designers were unsure of what patterns to use and when.

How I brought calm
to the complexity

How I brought calm
to the complexity

How I brought calm to the complexity

Choosing a system that matched our team’s needs and scale (we went with Zeroheight) Writing documentation that was just as thoughtfully designed as the components Turning “do whatever works” into shared language and patterns that designers and engineers could rally around Creating a versioning system with release notes to keep track of updates

Choosing a system that matched our team’s needs and scale (we went with Zeroheight) Writing documentation that was just as thoughtfully designed as the components Turning “do whatever works” into shared language and patterns that designers and engineers could rally around Creating a versioning system with release notes to keep track of updates

Choosing a system that matched our team’s needs and scale (we went with Zeroheight) Writing documentation that was just as thoughtfully designed as the components Turning “do whatever works” into shared language and patterns that designers and engineers could rally around Creating a versioning system with release notes to keep track of updates

Homescreen with open bottom drawer
Homescreen with open bottom drawer
Homescreen with open bottom drawer

Results

Results

Results

We’ve now done more than 50 releases with new updates.

We’ve now done more than 50 releases with new updates.

We’ve now done more than 50 releases with new updates.