As VIAVI transitioned its current CMS to Drupal 9, it became increasingly important to define design consistency across all aspects of VIAVI’s global marketing products. As the only product designer on the team, I recognized the need for a cohesive design system and took the initiative to work with the engineering and creative teams to build it out. Built in InDesign, the new design system will establish a unified working process and consistent visual aesthetic for their cross-functional teams and for the product itself. This not only helps to improve the user experience but also saves time and resources by streamlining future web design and development.


When conducting a design audit, it was clear we had multiple versions of the same component and a lack of standardization with the current UI. This made it difficult to design new interfaces, as there were multiple design variations with no clear guidelines. The inconsistency in VIAVI’s designs created confusion and a challenge to ensure cohesive and visually appealing designs. The lack of standardized guidelines and the presence of multiple component variations, contribute to an increased internal effort and extend product development timelines.

The project goals are to:

• Ensure design consistency through standardization, that is intuitive and purposeful

• Create a scalable system that can easily be modified and can expand with future design changes

My impact:

• Improved design clarity across teams increases efficiency across teams

• Enhanced scalability that can be easily modified to remain cohesive, even as the product evolves