Wave - Ripple’s Design System

MY ROLE & KEY SKILLS
  • Championed the initiative and presented the concept and benefits to key stakeholders
  • Planned a roadmap for the year and each quarter
  • Project managed with weekly cadence meetings and processes
  • Partnered with a brand designer to develop a key visual style
  • Iconography
WHAT PROBLEM ARE WE SOLVING?
The Ripple Design Team is a small but fast-moving team. We knew that we would quickly be scaling as the company found success and so there was a need for documentation and processes around Ripple’s design voice as a group.
However, the organization is very business heavy. Given that we were in “startup mode” it would be difficult to justify spending a lot of time doing any work that wasn’t an immediate product related priority like shipping features. I took it upon myself to evalutate what it would take to start a design systems initiative at Ripple knowing all the benefits a design system can bring in the long run. I ended up pitching the concept to many teams in the company to garner support and became a psuedo product manager planning roadmaps and conducting weekly cadence meetings and workshops.
ARTIFACTS
Excerpts from the slide deck created for my design system pitch.
Excerpts from the slide deck created for my design system pitch.
Excerpt of the audit conducted to determine where instances of components are used.
Excerpt of the audit conducted to determine where instances of components are used.
Example Component Library sheets detailing usage and specifications of components.
Example Component Library sheets detailing usage and specifications of components.
Results of a workshop conducted to determine components, guidelines, and utilities needed.
Results of a workshop conducted to determine components, guidelines, and utilities needed.
Results of a workshop conducted on creating unique iconography.
Results of a workshop conducted on creating unique iconography.
Beginnings of an icon set, starting with our core product functions. Uses keylines from Google’s Material Design.
Beginnings of an icon set, starting with our core product functions. Uses keylines from Google’s Material Design.

There's obviously more to this story.

A lot of process went behind the creation of this project that I am unable to display in such a public manner. But if you'd like to hear more, get in touch.

© 2020 Elsie Ng. All rights reserved. RSS