Empowering Businesses with Financial Solutions

overview

We had the challenge of making a brand new design system in order to improve Liber’s internal processes. Our main focus was on deeply understanding their business model, as well as all of the players involved in making their product succeed. From there, we went on to build a system together with their team.

wHAT WE DID
  • Create a Design System
  • Reduce inconsistencies throughout the platform
  • Identify troubled spots on the user’s journey
  • Component audit: Prioritizing the most important components
TECHNOLOGIES
Python
Figma
46
components created
14231
components reused
41%
faster prototyping time
3
products using the design system
6X
faster time to run automated tests
5X
faster deploy time

About Liber Capital

Liber Capital is a Brazilian fintech that specializes in providing financial tools to industries and retail segments, facilitating easy credit and ensuring liquidity in the client’s working capital. By helping companies restructure their financial ecosystem, Liber optimizes the payment of bills, both on the payment and on the receiving end.

“We recognized the need to update our portal's aesthetics and implement a frontend framework that could expedite our time-to-market while ensuring a unified user interface.”

VICTOR STABILE

Founder

Challenge

Our first order of business was understanding Liber’s business model. It was their understanding that their frontend stack and user experience was dated, built by a couple of fullstack developers in their early days. As a result, their process was in serious need of a revamping, eliminating stress points and speeding up future development.

Since we were integrated into one of Liber’s squads, we were able to catch up with their team pretty quickly and through research with their three main clients, the ones that make the company work, we mapped out the best course of action to start delivering real value as soon as possible.

“Their experience with design systems and commitment to delivering high-quality UX played a pivotal role in guiding our decision-making process.”

VICTOR STABILE

Founder

Solution

PROCESS IMPROVEMENT

We started by going through a detailed discovery process. We wanted to validate Liber’s team's understanding of the product, and also talk to all the parts of their business model: clients, stakeholders, users and more.

From there, we were able to create a new design system that would help their teams deliver more, more consistently and with fewer bugs across the board. The goal of the design system was to directly impact and eliminate bottlenecks and stress points in Liber’s processes, as well as create a guideline for everything visual in the company.

We also started organizing and documenting the company’s process and anticipating errors through continuous communication with our team. These changes were important to fundamentally change how Liber’s team dealt with creating new features, error management and more.

Outcomes

All of these changes had an amazing impact, especially on the day-to-day activities inside Liber Capital. First of all, we were able to deliver a new process, extensive and detailed documentation, organization and visual consistency to them.

With the tools we provided, Liber improved handoffs, with better communication and integration between design and technology teams. We were also able to improve the launch of new features, with fewer bugs in each one. Last but not least, the new design system was responsible for a drastic reduction in the time to deliver new interfaces.

“Their ability to understand our requirements and consistently deliver top-notch products with great user experience and appealing interfaced was impressive.”

VICTOR STABILE

Founder