Gravity Design System
Company - Moodys
Role - Design System Advocate, UI Design
Moody's Corporation has two distinct branches: Moody's Analytics, which provides economic research, data, and analytical tools, and Moody's Investor Services, which offers credit ratings and research. These two entities combine their data and research on the main platform, Moodys.com. Since the year 2000, there have been over 56 acquisitions, resulting in a pressing need for a centralized design system that can unify the various product teams.
From the onset of the design system journey, I have played a key role as a design system advocate; presenting to senior leadership, leading workshops, and contributing to the component library. Currently, we use a federated model with a core design system team and contributions from the entire design team. As our team has expanded, my role has evolved into that of a contributor.
Modular Atomic Design, Meets Design Sprint
I led a 3 day workshop to ideate with developers and designers on naming priorities, categorizations, and the proper nomenclature for design tokens that would be flexible enough to cover any future acquisitions with distinct branding.
Mock Design System
I designed a drag and drop activity in figma, where designers and developers would use their own naming convention to name UI styles to test the limits of their framework.
Small Decisions, Big Impact
The Design Sprint was a quick and fun way to collaborate with developers and avoid a months long conversation on a foundational element for the design system.
Integration of Material UI with new Brand Guidelines
Custom UI
UI design & design patterns for a growing system
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Don’t worry about sounding professional. Sounds like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest.
Learnings & Takeaways
The token naming system was applied to custom UI and the MUI component library. Since this activity, we’ve been going through a rebranding exercise.
While the bulk of the design system work relies on UI design and pattern documentations, small decisions can have a big impact on consistency across products.