MyAA Design System

Different teams had created inconsistent experiences across AA products. Components were repeatedly rebuilt, the interface lacked consistency, and the resulting code was difficult to maintain.

• Increase team velocity and efficiency
• Shift focus from pixels to user experience
• Improve consistency and accessibility
• Strengthen communication between design and development

Following an adapted Atomic Design methodology, I defined five levels: design tokens, components, modules, templates and patterns.

I documented not only each component’s definition and properties, but also when, where and how it should be used. The finished system included a shared global library plus local libraries for each brand.