2019 — Current
I joined the design system team on the ground floor supporting our retail media and data insights platforms. My focus started on collaborating with designers on requirements for building out our component library, crafting components in Figma, and writing documentation to support usage and guidelines. As trust was built and adoption began this shifted into more process and operations, while also taking opportunities to bring to life the shared future vision of our product offerings.
I created a custom color palette with accessibility and simplicity in mind. This enabled us to enhance the system incrementally over time without creating debt out of the gate by including colors in our system package that may never be used.
After testing a multitude of typefaces the team decided to pivot and go with a customized typeface we dubbed Limitless Sans — a nod to one of our core values. I partnered with Mostardesign Type Foundry to establish a base style and define the overall look and feel we wanted for our glyph set.
To decide on what components to go after by we looked at the most commonly used ones we found across all products that would have a low barrier to adoption. We identified this by doing UI audits, printing out every screen across our product suite and grouping our findings. I would take our findings and partner with design leads to define component requirements and properties to be designed.
As a leading data science company, our data visualization practices lacked consistency, employing an array of colors and incorrect charts to tell business stories to our CPG partners. My responsibility to bring beauty and clarity to that was to focus on data scientist needs and converting them into universal language, created for both Power BI and Figma.
To measure adoption we leveraged two key resources. The primary means of measurement was a Power BI dashboard that measured available components in the system against custom components in production. This was primarily used for product and engineering. Secondly we used Figma, which we would routinely audit and review to understand how to evolve the system (e.g. high component detaches that may require enhancements).
Components
SUS Score
Adoption Rate 2
Annual Figma Insertions 1
1 Based off 2023 data
2 Based off multiple primary commercial product applications
