Design System Wabi

Design System Wabi

Design System Wabi

Design System Wabi

Wabi 360 is the multi-platform Design System created for the company Wabi, owned by Coca Cola.

Wabi 360 is the multi-platform Design System created for the company Wabi, owned by Coca Cola.

Wabi 360 is the multi-platform Design System created for the company Wabi, owned by Coca Cola.

Wabi 360 is the multi-platform Design System created for the company Wabi, owned by Coca Cola.

Client:

Client:

Client:

Client:

Wabi Inc. | Coca Cola

Wabi Inc. | Coca Cola

Wabi Inc. | Coca Cola

Wabi Inc. | Coca Cola

Role:

Role:

Role:

Role:

Design System Lead

Design System Lead

Design System Lead

Design System Lead

Year:

Year:

Year:

Year:

2022

2022

2022

2022

App for personal finance consists of two pages "Home and card details"
App for personal finance consists of two pages "Home and card details"

Challenge

Challenge

Challenge

Challenge

The initial challenge is to identify inconsistencies in the platform.


The goal is to improve design quality and ensure a more consistent experience for users.


App home page with credit card and transactions
App home page with credit card and transactions

Discovery

Discovery

Discovery

Discovery

After conducting an audit of our entire platform, we discovered many visual inconsistencies.


Hypotheses

Hypotheses

Hypotheses

Hypotheses

Fundamentals such as colors, typography under the WCAG standards, grids, shadows and reusable components were defined.


The system facilitated the growth and scalability of the platform.

Card details screen
Card details screen
App home screen with the latest transactions
App home screen with the latest transactions

Results

Results

Results

Results

Once the Design System is implemented, results are evaluated to measure its impact. Usability testing is conducted, and user feedback is collected to validate whether a more uniform appearance and improved user experience have been achieved.


Key performance indicators are compared before and after the implementation to gauge the success of the Design System and whether the objectives set during the challenge stage have been met. The obtained results will be used for continuous iteration and improvement of the Design System.

Let’s
work
together
Let’s
work
together
Let’s
work
together
Let’s
work
together

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!

© Built with

© Built with

© Built with

© Built with