Overview
Project Chaos is Team Liquid’s first design system, built to enable a more maintainable and sustainable future for community experiences at Team Liquid.
I led the vision and execution of this project, from its design to development and growth through use in 2 major projects.
Impact
- Design to Development times reduced by up to 400%.
- System usability increased by ~2.5x.
- Projects nearly 100% WCAG AA compliant (a 35% increase).
- Bundle sizes reduced by almost half.
The Problem
In the early 2010s esports grew enormously, putting a lot of pressure on Team Liquid’s ability to keep up with building and maintaining products. Challenges included poor product usability, limited resources increasing decision-making risks, a messy and fragile codebase, and wasted efforts with new projects.
Goals
- Reduce design to development time
- Create a strong, accessible baseline for the user experience
- Build a flexible system that enables different creative approaches
- Optimize components and ideas aggressively towards performance
