Case Study - Zenloop Design System
Zenloop Design System
1. Project Overview
Zenloop is the leading NPS experience management platform. With our Software-as-a-Service solution, companies from multiple different industries are able to collect, cluster and analyze customer feedback they receive through various channels along their customer journeys.
My role in the company was to improve the UX of the current platform, improve the design processes and to build a Design System from the ground up.
2. The Problem
The company and the product were growing faster than the Designs
The design debt was huge
The tools and processes were old, slow, and unproductive
The Design team and stakeholders were not convinced that the Design system was a good idea
Short time to deliver (Rebranding phase coming up)
Get the product ready to enter the Enterprise Market
4. Processes & tools
Get rid of old tools
Sketch
Abstract
Invision
Zeplin
Improve Processes
Implemented Figma for Design, Prototypes and Handoff
Document Design System in Zeroheights
5. Stakeholder management
Head of Product (founder)
Convincing the DS as a strategic step
Approval for new tools and processes
CTO (founder)
Explaining what a DS is and how the product will benefit from it
Head of Front-end
Connecting DS with FE
Product team (4 PMs)
Explaining what a DS is and how the product will benefit from it
Weekly meetings to show the progress of the DS
Design Team (3 Designers)
Convincing the team to move to Figma
Motivating the team to learn a new process
Coaching the team on new methodologies (Design sprints)
6. Results/Impact & Learning
Design productivity improvement of 50%
Rollout of the new brand in the product in a record time
Reduced the design debt
Reduced the time to design screens
Created a consistent and documented environment within the team
Helped the product and the company explore the Enterprise Market
6. Learnings
Create a safe and healthy environment for the team is key
Having a motivated team makes productivity hit the roof
It’s ok not to know everything, but be curious about everything
Don’t be afraid to kill your darlings
Learn, Learn, Learn…
7. Deliverables
Design System
We created the first version of our Design System, we applied the new brand guidelines, and all the components, organisms, and pages were automatically updated with the new changes.