Getting to Know the Problems
I quickly learned that there was no style guide. To better understand the existing state, I worked with fellow designers to create an invenvtory of existin UI elements such as buttons, alerts, typography, and more.
Because there was no style guide, developers would “eyeball” styles, leading to over 250 variations of similar colors.
Lack of Basic UX Patterns
“Common sense” patterns like red=error and green=success were not followed.
Duplication of Efforts
A lack of documentation meant developers wasted time recreating UI elements that had already been coded.
Creating a Design System
To do a redesign, we needed to make sure we didn’t repeat the problems of the past. To build consistency across 10 designers and over 20 development teams, and prevent recreating problems of the past, I created a design system. This system comes in two parts: a Sketch Library, and a coded repository.