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

  1. The company and the product were growing faster than the Designs

  2. The design debt was huge

  3. The tools and processes were old, slow, and unproductive 

  4. The Design team and stakeholders were not convinced that the Design system was a good idea

  5. Short time to deliver (Rebranding phase coming up)

  6. Get the product ready to enter the Enterprise Market

Old UI KIT
old dashboard

4.   Processes & tools

  1. Get rid of old tools 

    1. Sketch

    2. Abstract

    3. Invision

    4. Zeplin

  2. Improve Processes

  3. Implemented Figma for Design, Prototypes and Handoff

  4. Document Design System in Zeroheights

5.    Stakeholder management

  1. Head of Product (founder)

    1. Convincing the DS as a strategic step

    2. Approval for new tools and processes

  2. CTO (founder)

    1. Explaining what a DS is and how the product will benefit from it

  3. Head of Front-end

    1. Connecting DS with FE

  4. Product team (4 PMs)

    1. Explaining what a DS is and how the product will benefit from it

    2. Weekly meetings to show the progress of the DS

  5. Design Team (3 Designers)

    1. Convincing the team to move to Figma

    2. Motivating the team to learn a new process

    3. Coaching the team on new methodologies (Design sprints)

6.  Results/Impact & Learning

  1. Design productivity improvement of 50%

  2. Rollout of the new brand in the product in a record time 

  3. Reduced the design debt

  4. Reduced the time to design screens

  5. Created a consistent and documented environment within the team

  6. Helped the product and the company explore the Enterprise Market

6.  Learnings

  1. Create a safe and healthy environment for the team is key

  2. Having a motivated team makes productivity hit the roof

  3. It’s ok not to know everything, but be curious about everything

  4. Don’t be afraid to kill your darlings

  5. 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.

Desktop Dashboard Re-branded

Mobile App Re-branded

Posted on Jun 5, 2023

More by Juan F. Rojas

View profile