Unity Design + Code System
I created the Unity Design + Code System at Nielsen, a set of design principles, accessibility guidelines, components, patterns, code, and documentation to advocate standards and authenticity.
Unity was built for both developers and designers, integrating Figma design with our React codebase.
Our Design Foundations team mentored and guided 10+ other designers, product managers, and developers to accomplish ethical, impactful and innovative work. I empowered 30+ colleagues to learn and apply these best practices, implementing comprehensive globalized, localized, and inclusive design and development solutions.
Unity enabled the entire company — 40,000+ people in 55+ countries — to quickly deliver world class experiences using Nielsen's complex data systems and data visualizations.
What's next?
I sent out a survey to all the designers using our Figma kits, and asked them to rank what patterns and components were most important to them. Then we bumped those up in our timeline. There were a few surprises, so it was good to get the real priority.
A single source of truth
The developers were worried about moving away from Storybook, but I argued that having all our guidance in one place was vital to understanding the final product. Nobody wants to write documentation twice! Their code and tokens were imported successfully into InterplayApp.
