Design System: Learning A-Z
Design System for Teaching Facing Products
Learning A-Z was created to inspire curiosity, ensure comprehension, and instill the joy of learning for elementary students. I helped bring this company's design aesthetic into the modern era. Functionality, scalability, and aesthetics. This work touched both the marketing site and the product itself. Most importantly developed a design system that helped the internal teams create more consistent design look and feel.
Goal: Build a unified, scalable design system
Modernize the look and feel while staying true to the brand
Improve design-to-dev handoff
Increase cross-team consistency
See the new look and feel here: https://www.learninga-z.com/
Responsibilities and Process:
Led design system creation from audit to deployment
Defined UI patterns, tokens, and reusable components
Material design design principles
Collaborated with PMs, marketing, and dev teams
Supported implementation and QA
Tools Used:
Figma
What I learned:
How to design a system at scale
Why early dev collaboration prevents rework
The importance of internal onboarding for adoption