Project Background
Why we revamped our design system
At PlayVS, we’re committed to creating exceptional user experiences for players and coaches. To support that, we embarked on a comprehensive revamp of our design system to streamline our design process, enhance consistency, and elevate the overall user experience.
Our previous system, while functional, revealed several issues:
1. Inconsistency in UX patterns, colors, and opinions on what’s “right”
2. Lack of accessibility considerations
3. Lack of clarity around detailed documentation and usage
4. Repetition of common UI components across teams
5. Lack of a distinct, ownable visual identity
My role
- Owner of the design system – planned, built, and maintained the entire UI component library
- Designed every core component myself, from foundations (tokens, styles) to complex patterns
- Created a custom icon set and spot illustrations to strengthen the PlayVS visual identity
- Documented components and usage guidelines for developers and designers
- Acted as the poc between design and engineering, aligning Figma and Storybook
- Led training sessions to teach developers how to navigate Figma and adopt the system in code
