UI Design

MERCADO PAGO

A collaborative Design System to speed-up the business unit

A collaborative Design System to speed-up the business unit

A collaborative Design System to speed-up the business unit

There was a need to have a place that could contain standard components of the UI used by our team: Insurtech. Insurtech is a new business unit inside Mercado Pago, whose main objective is to expand Mercado Libre's financial services. It’s not an insurer, it’s a digital insurance producer. We solve eventualities 100% from the app: users are just one click away to report a claim.

Insurtech

Research

Design system

Team

1 Designer (UX, UI and Web)

Timeline

Jan. 2025 // 4 weeks

Tools

Let's star the journey with some information
Insurtech team

As the months passed, new products were added and the size of each team grew to address the growing needs. We transitioned from a team of 3 UX/UI designers to a team of 15, and from 50 developers to 150 within a year.

Like a startup

Insurtech began as a modest project but has been steadily expanding day by day. Our goal is to sustain this growth while upholding quality and consistency.


As the project advanced, our approach to problem-solving gradually shifted from a purely visual standpoint to a more functional and purpose-driven one. We began asking ourselves: Why do we do what we do?

Insurtech began as a modest project but has been steadily expanding day by day. Our goal is to sustain this growth while upholding quality and consistency.


As the project advanced, our approach to problem-solving gradually shifted from a purely visual standpoint to a more functional and purpose-driven one. We began asking ourselves: Why do we do what we do?

Outcome

How can we help our UX and Development teams work together to create simple, scalable, and consistent experiences for our users? I established a design system, produced high-fidelity mockups, and collaborated closely with developers.

Customer Platform (Web & App)

Interaction Design

Interdisciplinary Collaboration

Information Architecture

Product Strategy

Prototyping Tools

Team talk (Presentation)

User Research

Visual Design Principles

Wireframing

+150

DEVELOPMENT TEAM

people part of the FE and BE team using Pandora

16

CONTENT + DESIGN

UX team using Pandora to design seamless experiences

3

PRODUCTS

active products with more than 800.000 sales in 1 year

FOUNDATIONS

Elementary rules for definition of UI taken from Andes.

  • Colors

  • Typography: Proxima Nova

  • Layouts & Spacing

COMPONENTS

Specifications were crafted in Figma from the UX side, while the FE team established a GitHub storybook for step-by-step testing. Figma enables seamless collaborative work.

SPECS

We meticulously documented every aspect of component construction, including paddings, margins, element arrangements, variables, do's and don'ts.

From skeleton to UI!

Check next project:

This portfolio may not represent the final version provided to the company. Please avoid reproducing the content.

This portfolio may not represent the final version provided to the company. Please avoid reproducing the content.

This portfolio may not represent the final version provided to the company. Please avoid reproducing the content.

We're ready when

you are!

Let's make this travel together

Element Image
Element Image

We're ready when

you are!

Let's make this travel together

Element Image
Element Image

We're ready when

you are!

Let's make this travel together

Element Image
Element Image

We're ready when

you are!

Let's make this travel together

Element Image
Element Image

Create a free website with Framer, the website builder loved by startups, designers and agencies.