Decreasing customer churn by using a design system
My Role:
Solo Product Designer
Highlight:
Redesigned 30% of the most used products in 2 sprints!
My Role:
Solo Product Designer
Highlight:
Redesigned 30% of the most used products in 2 sprints!
The Problem
As the first company to create a multi-cloud enterprise cloud solution, early days, DivvyCloud customers had no choice but to use DivvyCloud because it provided them with the value they needed.
However as cloud adoption became more mainstream and other companies entered the market, new customers were willing to buy a combination of other tools over DivvyCloud because they were easier to use.
The Solution
The Results
Following an atomic design strategy I first took inventory of every UI component and pattern in the platform. I then evaluated how the pattern was being used, and determined if it was the best pattern or component to use.
Screenshots of different parts of DivvyCloud
After capturing all of the patterns and components that made sense for their use case, I grouped them into categories, side by side. I used this to display to the broader team visually how different experiences were throughout the platform.
A few of the category groupings of UI element
I then used a UI component library as the bones and modified the components and patterns to fit our platform's needs. I then created a name convention for all the components, and patterns, reviewing them with the team regularly.
A screenshot of the Figma file of the design system
I worked with an engineer on the team to implement the components in the design system we needed for a specific project: Exemptions. We used this as a test to see how much of a difference the design system makes with shipping out an experience quickly
A screenshot of the Figma file of the design system
The successful and speedy launch of our test project helped us validate our hypothesis that, creating and implementing a design system would allow us to improve the usability of the platform and ship our ideal experiences efficiently. My engineer and I went product by product and switched out the old components with those of the design system, focusing on the highest-impact products first, We were able to completely update 2 of our 3 flagship products within two sprints. We continued to update DivvyCloud products with best in class user experience, thanks to the implementation of the design system.
