Project for: Nielsen Media Research

Tool: Figma

My Role: As part of the design system team, I worked on detailed component design, component states, layout behavior, documentation updates, and usage guidelines. My focus was to help make the system easier to apply across different Nielsen products while keeping interaction patterns, accessibility requirements, and visual consistency aligned.

Selected UI components from the Nielsen Unity Design System, created to bring multiple Nielsen product design systems under one shared framework. I was part of the team designing detailed, reusable components and updating the usage handbook so designers and product teams could apply them consistently across different products.

Project Goal

Nielsen had different products that were using separate design systems and inconsistent interface patterns. The goal of the Unity Design System was to bring these fragmented systems together under one shared design language, making it easier for teams to design, build, and maintain consistent product experiences.

Accessibility and Dark Mode States

Many components were also designed and tested against dark backgrounds to support accessibility, contrast, and different product environments. This helped ensure that components remained readable, usable, and visually consistent across light and dark interfaces, including hover, selected, disabled, and error states.

We also maintained a design system handbook where designers and product teams could find component guidelines, usage rules, examples, and documentation. This helped the system stay consistent not only in Figma, but also in the way teams understood and applied each component in real product work.

The Unity Design System helped create a more consistent foundation for Nielsen products by reducing fragmented design decisions and giving teams a shared component language.
It also made component usage easier to understand through detailed documentation, examples, and accessibility focused variations.