Design Systems
My Experience
Over the course of my career at Rivalry Corp, I created hundreds of components, contributing to both our Main Site Design System and our Software Tooling System.
46.2%
Decrease in project timelines
The Problem We Faced
We had a unmaintained Design System for our software tooling. This led to inconsistencies and inefficient work flows. Eventually the gap in consistency grew larger and larger, leading to usability issues and a slower workflow between design and dev.
Tokens, Documentation & Syncing
We created one source of truth by syncing multiple tools. Our variables were the building blocks for our Component Library. Which was then synced into Supernova. Supernova was our documentation middle-ground between Figma and Storybook, to allow Designers and Devs to share one source of truth.
Front End Library
Storybook
Foundations
I created a new design system foundation to address concerns stakeholders had about consistency and overall visuals. This meant creating primitive & semantic variables for colour, typeface, elevation, spacing, and shape.
Component Library
I built hundreds of new components for this system to serve both new and existing use cases.
Accessibility & Contrast
I tested to make sure our new semantic palette met WCAG AAA Standards.
Documentation & Governance
I created documentation to make sure that people knew how to use our tools and understand why we made the decisions we did. I also assigned designers to different areas of the system to maintain consistency.
