Twitter: Design Systems
Designing for Impact
I led Twitter's largest marketing web design system which supported 37+ partners. I streamlined onboarding and simplified the integration of our design system with AEM. I also designed Twitter’s internal "Learning Hub," driving design and content strategy alongside executives.
Project Goals
Create inclusive design guidance and onboarding
Maintain the system in Figma and beyond
Educate teams on design best practices & systems
Capture feedback to inform smarter decisions
Create and police the center of truth
Constantly test, check and collaborate designs in situ
Be the dedicated go-to consultant
My Role
Organize Figma for faster viewing
Led training sessions for internal/external agencies
Update components based on user + accessibility feedback with mobile focus
Create more definitive processes and expectations
Take ownership of the system and communicate more holistically with teams
Created online style guide that lived outside of Figma
Phase 1: Blueprint for Success
Organized tooling, ideas, and documentation based on surveys and partner feedback. Created seamless, self-service resources as the central source of truth, bringing clarity to chaos. This included Figma documentation, component cleanup, and a web-based partner resource with tutorials and best practices.
Phase 2: Build Relationships
Foster fantastic relationships that create smooth results. I streamlined onboarding for teams by leading one-on-one training sessions, Figma walkthroughs, and provided direct and constant component, framework and design guidance and troubleshooting support with ease and joy.
Workflow Improvements
Empowering Teams
Collaborate with business teams to refine components, user flows and content design based on feedback and accessibility audits. With a solid design system and clear collaboration, even internal tools can drive major impact.
