Congrats screens

A complete restyling of all the congrats screens on Mercado Libre and Mercado Pago after trying to add a new component promoting the company’s loyalty program.

Context

Mercado Puntos had been live for 3 years for Mercado Libre's users, but only ∼40% of them knew it existed and even fewer knew its benefits. After working with Bain & Company to understand what would the best program for us be like, we knew we had a lot of work to do.

A series of teams across the company started working on a strategic “building blocks” track, implementing a series of new ecosystemic benefits, such as QR payment discounts at Mercado Pago.

And we started working to improve the program's storytelling and increase its awareness, while also launching it in Mercado Pago.

My role

In addition to working on a redesign of the Mercado Puntos section, my main role was to lead the design of the new component of points earned and benefits in the congrats screens of all Mercado Libre and Mercado Pago flows.

This involved talking to a large number of teams in charge of the different payment flows: firstly, to be able to understand their needs, and secondly, to validate that the proposals would work well for everyone.

Understanding the complexity

With the new changes, now with every payment you make on Mercado Pago, you gain new points (and not only with your purchases on Mercado Libre). So, we wanted to capitalize the congrats screens and inform the user of the points earned and take the opportunity to tell them about the new discounts.

This meant working side by side with all the different teams in charge of the different payment flows in Mercado Libre and Mercado Pago.

Shortly after we started working, we realized that if we wanted to add a new Mercado Puntos component, we needed to optimize the use of space and thus ensure that the most important information and part of the new component continue to appear above the fold.

The way we approached this challenge was by thinking from the outset of a modular design that is flexible enough to adapt to different use cases and platforms.

In addition, we take advantage of the situation to apply the new definitions of our UI Library and align some inconsistencies between the different screens.

The result was dozens of components and screens, which were then shared with the different teams in charge of each flow so that they can adapt all existing use cases and even use the new layout to work on upcoming features.

Results

Quickly, this new component on the congrats screens was converted on the first touchpoint of access to the benefit hub.

In addition, we gain ~50% of the real state of the screen, which not only allowed us to add the Mercado Puntos component but also allowed us to do so without any issues being reported in CX.