Launching a New Design System
Startup
HealthTech
B2C
Responsive Web
Distributed Team
Overview
Most designers and engineers know firsthand how much time a good design system can save while ensuring consistency within a product. As the lead product designer for all web-based product areas at Stride, I aimed to create a design system to manage all eight product areas for which I was responsible. My challenge was to build a quality MVP design system to demonstrate value to leadership.
Key Outcomes
-
Launched the first company-wide design system
-
Expedited company rebrand from 3 months to 2 weeks
-
Expanded design system with more components and across more products
My Roles
-
UI Design
-
Project Management
My Team
-
Eric Henke, Engineer
-
Will Roberts, Engineer
About the Company
Stride helps 1099 workers navigate the complexities of being independent, providing software tools for finding the right health, dental, and vision insurance plans, for tracking finances, and planning for taxes.
Challenges & Opportunities
-
As the sole web designer, it wasn't easy to maintain quality while managing design for eight product areas with multiple engineering teams.
-
A design system was not a company priority.
Pictured above: All Web-based product areas I managed
Key Decisions
Finding design partners
I had built great relationship with several engineers in Stride, two of which were also very passionate about building a design system. Together, we agreed on an approach to build an MVP.
Determining scope
Our main goal was to demonstrate value quickly to leadership. We decided to focus on foundational components like color and fonts first.
Second priority was to implement common components we used in key product flows: text inputs, buttons, and controls.
Outcomes
Figma Component Library
Business owners who participated in our beta have referred other owners to try Tensor
Component Repository with Storybook Preview
All beta testers in the free trial chose to transition to the paid model
2 weeks vs 3 months Implementation
By coincidence, the release of the MVP design system aligned with a company-wide rebrand. Everything leveraging the design system was updated in a single sprint, whereas it took three months to update other product areas manually.
Next Steps
After positive validation of Stride's new design system, we received buy-in from leadership to continue onto phase 2, which included building more complex components into component library.
