Creating Twilio’s first web design system

Timeline: 2021

My role: Senior product designer


Problem

The Twilio website team had multiple style guides and component libraries floating around, creating an inconsistent brand experience.

Designing and developing a new website page often took months.


Solution

I worked with two designers and two engineers to develop a robust and WCAG 2.1 accessible design system.

We mapped each component to our Content Management System (CMS) to empower the marketing team to update pages without engineering support.


Results

50% reduction in the time it took to write, design, and develop a new website page.

Team OKR achieved: 45 components and patterns created in the first six months.