Meli+ — Caso de estudio · Nicolás Rasilla
Saltar al contenidoSkip to content

Nicolás Rasilla Sr. Product Designer

Caso 01 · 2026 · UX/UI Case StudyCase 01 · 2026 · UX/UI Case Study

Tu ahorro real. No el estimado.Your real savings. Not an estimate.

Un ejercicio de diseño UX para repensar la landing de suscripción y el flujo del administrador de Meli+, el programa de beneficios de Mercado Libre y Mercado Pago.A UX design exercise rethinking the subscription landing and the card-manager flow of Meli+, the loyalty programme of Mercado Libre and Mercado Pago.

RolRole
UX/UI Design
TipoType
Caso de estudioCase study
AlcanceScope
Landing + administrador de suscripciónLanding + subscription manager
PlataformasPlatforms
iOS · Android · Web
NotaNote
Ejercicio personal, no vinculado a Mercado LibrePersonal exercise, not affiliated with Mercado Libre

Generando resumen…Generating summary…

  • Ejercicio de diseño UX sobre Meli+, el programa de beneficios de Mercado Libre y Mercado Pago.A UX design exercise on Meli+, the loyalty programme of Mercado Libre and Mercado Pago.
  • La landing muestra el ahorro real de cada persona en lugar de un estimado, con un plan anclado a un referente cultural.The landing shows each person’s real savings instead of an estimate, with each plan anchored to a cultural figure.
  • El administrador de tarjetas ataca el churn involuntario pidiendo un medio de pago de respaldo como acción visible.The card manager tackles involuntary churn by asking for a backup payment method as a visible action.
  • La comunicación acompaña el pedido por push y email, siempre con una sola acción posible.Communications carry the request by push and email, always with a single possible action.
  • Objetivo principal: reducir 30% el churn involuntario y llegar a 60% de suscripciones con respaldo.Headline goal: cut involuntary churn by 30% and reach 60% of subscriptions with a backup.

Generado a partir del contenido de este caso. Puede omitir matices: el detalle completo está más abajo.Generated from this case’s own content. It may miss nuance — the full detail is below.

01 — Métricas objetivo01 — Target metrics

Estimadas, no medidasEstimated, not measured

+8-12% relativorelative

Conversión visita → altaVisit → sign-up conversion

−30% relativorelative

Churn involuntarioInvoluntary churn

≥60% de la baseof the base

Suscripciones con respaldoSubscriptions with a backup

40% de los avisadosof those prompted

Agregan la tarjeta tras el nudgeAdd the card after the nudge

02 — Contexto02 — Context

El encargoThe brief

Meli+ es el programa de beneficios de Mercado Libre y Mercado Pago. Una suscripción mensual con dos planes: uno enfocado en ahorro en compras, envíos y cuotas; otro que suma acceso a plataformas de streaming con descuentos exclusivos.Meli+ is the loyalty programme of Mercado Libre and Mercado Pago. A monthly subscription with two plans: one focused on savings across purchases, shipping and instalments; another adding access to streaming platforms with exclusive discounts.

El ejercicio planteaba dos desafíos concretos: mejorar la landing de adquisición y optimizar el flujo del administrador de suscripción, con foco en reducir las cancelaciones involuntarias por fallo de cobro.The exercise set two concrete challenges: improve the acquisition landing and optimise the subscription-manager flow, focused on reducing involuntary cancellations caused by failed charges.

Objetivo de negocioBusiness goal

Aumentar la adopciónIncrease adoption

Incrementar la conversión de nuevos suscriptores al programa Meli+.Increase conversion of new subscribers to the Meli+ programme.

Objetivo de negocioBusiness goal

Reducir el churn involuntarioReduce involuntary churn

Mejorar el ratio de cancelaciones por error o falta de cobro (overdue).Improve the rate of cancellations caused by errors or failed charges (overdue).

Objetivo de UXUX goal

Claridad en la elecciónClarity in the choice

Que las personas elijan el plan que más les conviene, con información real y personalizada.Help people pick the plan that suits them best, with real, personalised information.

Objetivo de UXUX goal

Medio de pago de respaldoBackup payment method

Que los suscriptores carguen un medio de pago alternativo de forma proactiva.Get subscribers to add a backup payment method proactively.

03 — Personas usuarias03 — User personas

¿Para quién diseñamos?Who are we designing for?

Tres perfiles que representan relaciones distintas con el producto y necesidades bien diferenciadas.Three profiles standing for different relationships with the product and clearly distinct needs.

Retrato de Valentina

Valentina, 28

Usuaria intensiva de Meli, usa Mercado Pago como herramienta financiera principal. Compra casi semanalmente.A heavy Meli user who treats Mercado Pago as her main financial tool. She buys almost weekly.

“Necesito ver el ahorro real para justificar el costo mensual.”“I need to see the real savings to justify the monthly cost.”

Retrato de Matías

Matías, 34

Perfil digital avanzado que gestiona activamente su presupuesto. Analítico, busca integrar servicios y evitar duplicar pagos.A digitally advanced profile who actively manages her budget. Analytical, looking to consolidate services and avoid paying twice.

“Quiero saber exactamente qué streamings reemplaza la suscripción.”“I want to know exactly which streaming services the subscription replaces.”

Retrato de Carmen

Carmen, 51

Usuaria fidelizada y pasiva que valora la estabilidad. Su relación con el producto es de confianza delegada.A loyal, passive user who values stability. Her relationship with the product is one of delegated trust.

“No quiero enterarme de un problema de cobro cuando ya es tarde.”“I don’t want to find out about a billing problem once it’s too late.”

04 — Concepto creativo04 — Creative concept

Dos planes, dos referentesTwo plans, two cultural figures

En vez de ESENCIAL y TOTAL, cada plan se ancla a un referente cultural argentino que ya comunica de qué se trata.Instead of ESSENTIAL and TOTAL, each plan is anchored to an Argentine cultural figure who already conveys what it is about.

Ilustración 3D de Lita de Lázzari con la app de Mercado Libre
Plan Lita · EsencialPlan Lita · Essential

“Camine, señora, camine”

La voz que enseñó a comparar precios antes de comprar: ahorro y compra inteligente.The voice that taught people to compare prices before buying: saving and smart shopping.

ADN de ahorroSavings DNA CredibilidadCredibility CercaníaWarmth
Ilustración 3D de Ricardo Darín con la app de Mercado Libre
Plan Darín · Total

“Yo ahorro para poder elegir”

La cara más confiable del entretenimiento local: streaming y consumo cultural.The most trusted face in local entertainment: streaming and cultural consumption.

PrestigioPrestige Cine y streamingFilm and streaming ConfianzaTrust

05 — Ejes potenciales05 — Key angles

Las ideas que articulan la propuestaThe ideas holding the proposal together

01

Nombres con identidadNames with identity

Reemplazar los genéricos “Total” y “Esencial” por “Plan Lita” y “Plan Darín”, nombres que comunican de por sí el espíritu de cada suscripción.Replace the generic “Total” and “Essential” with “Plan Lita” and “Plan Darín”, names that convey each subscription’s spirit on their own.

02

Ahorro calculado con IAAI-calculated savings

Un cálculo real del ahorro potencial a partir del historial de compras del usuario, para mostrar un número concreto en la landing, no uno genérico.A real calculation of potential savings drawn from the user’s purchase history, so the landing shows a concrete number rather than a generic one.

03

IA para el medio de respaldoAI for the backup method

El sistema sugiere proactivamente el medio de pago más confiable del usuario para configurar como respaldo, antes de que el principal falle.The system proactively suggests the user’s most reliable payment method to set as a backup, before the primary one fails.

04

Lenguaje cercano y con humorWarm language with humour

Comunicación que da tranquilidad y seguridad. El medio de “respaldo” —no alternativo— hace hincapié en la función real del servicio.Communication that reassures. Calling it a “backup” method — not an alternative — stresses what the service actually does.

05

Escalable a otras regionesScalable to other regions

El concepto de personajes locales es replicable: cada país puede usar sus propios referentes culturales con características análogas.The local-character concept is replicable: each country can use its own cultural figures with analogous traits.

06

Intercambio generacionalGenerational crossover

Los dos personajes representan rangos etarios distintos, generando un clima de cercanía con públicos jóvenes y adultos al mismo tiempo.The two characters span different age ranges, creating a sense of closeness with younger and older audiences at once.

06 — Bocetos en baja06 — Low-fidelity sketches

Wireframes · mobile

Antes de definir la estética, los wireframes sirvieron para probar la estructura de las dos puntas del flujo: qué información sostiene la decisión de suscribirse y en qué momento aparece el pedido del medio de pago de respaldo.Before settling the aesthetics, the wireframes tested the structure of both ends of the flow: what information carries the decision to subscribe, and when the backup payment method is requested.

Landing — ahorro calculado
Landing — ahorro calculadoLanding — calculated savings El número real de ahorro anual encabeza la página, con los dos planes como pestañas y el precio siempre visible en el CTA.The real annual savings figure heads the page, with both plans as tabs and the price always visible in the CTA.
Landing — beneficios y FAQ
Landing — beneficios y FAQLanding — benefits and FAQ Prueba social, beneficios enumerados y los dos caminos de alta: “Quiero ser LITA” o “Quiero ser DARÍN”.Social proof, benefits listed, and the two sign-up paths: “I want to be LITA” or “I want to be DARÍN”.
Administrador de suscripción
Administrador de suscripciónSubscription manager Estado del plan, próximo cobro, medio principal y el acceso a agregar un respaldo en el mismo bloque.Plan status, next charge, primary method and the entry point to add a backup, all in one block.
Nudge de respaldo
Nudge de respaldoBackup nudge El pedido aparece con el medio sugerido ya cargado y una salida clara: agregar ahora o más tarde.The request arrives with the suggested method already filled in and a clear way out: add now or later.
Selección de medio de pago
Selección de medio de pagoPayment method selection La opción recomendada se marca de entrada, apoyada en el historial de movimientos del usuario.The recommended option is flagged up front, backed by the user’s transaction history.
Mail de retención
Mail de retenciónRetention email Mismo mensaje fuera de la app, con una sola acción posible: agregar el medio de respaldo.The same message outside the app, with a single possible action: add the backup method.

07 — Banners comerciales07 — Campaign banners

Home de Mercado LibreMercado Libre home

La campaña entra donde ya está el tráfico: el hero de la home y la banda de suscripción, con los dos personajes juntos y la promesa de transformar gastos en saldo a favor.The campaign lands where the traffic already is: the home hero and the subscription band, with both characters together and the promise of turning spending into credit.

Hero de la home de Mercado Libre con el banner de Meli+ protagonizado por Lita y Darín
Desktop — hero de la homeDesktop — home hero El banner a sangre completa ocupa el primer scroll, con Disney+ y Star+ en escena para anticipar el beneficio del plan Total.The full-bleed banner owns the first scroll, with Disney+ and Star+ on screen to preview the Total plan’s benefit.
Home de la app de Mercado Libre con el carrusel de Meli+ y la banda de suscripción
Mobile — carrusel y bandaMobile — carousel and band En la app el banner encabeza el carrusel y la banda violeta repite el precio, entrada directa a la landing del plan.In the app the banner heads the carousel and the violet band repeats the price, a direct entry to the plan landing.

08 — Prototipo de landing08 — Landing prototype

Navegable · mobileInteractive · mobile

Las dos landings completas, scrolleables. El header amarillo y el selector de plan quedan fijos sobre el contenido, igual que el botón de suscripción con el precio a la vista; al confirmar, la pantalla de bienvenida del plan entra desde abajo.Both landings, complete and scrollable. The yellow header and the plan switch stay pinned over the content, as does the subscribe button with the price in view; on confirming, the plan welcome screen slides up.

El prototipo navegable —con las dos landings, el switch de plan y la animación de confirmación— se ve en pantallas de más de 760px. Abrí este caso en una computadora para probarlo.The interactive prototype — both landings, the plan switch and the confirmation animation — is available on screens wider than 760px. Open this case on a computer to try it.

09 — Administrador de tarjetas09 — Card manager

La otra mitad del encargoThe other half of the brief

Acá se ataca el churn involuntario. El administrador muestra el plan, el próximo cobro y el medio principal en una sola tarjeta, y ofrece el respaldo como una acción visible —no escondida en configuración—. Cuando el usuario no lo carga solo, un modal con el personaje del plan lo pide con la tarjeta sugerida ya elegida por el sistema.This is where involuntary churn gets tackled. The manager shows the plan, the next charge and the primary method in a single card, and offers the backup as a visible action — not buried in settings. When the user does not add one, a modal fronted by the plan character asks for it with the suggested card already picked.

Suscripción activa
Suscripción activaActive subscription Plan, precio, próximo cobro y medio principal en un bloque; debajo, agregar respaldo y los beneficios del plan.Plan, price, next charge and primary method in one block; below, add a backup and the plan’s benefits.
Pedido de respaldo
Pedido de respaldoBackup request “¡Que nunca te pase!”: el personaje del plan encabeza el modal, con la tarjeta sugerida y una salida sin culpa.“Never let it happen to you!”: the plan character fronts the modal, with the suggested card and a guilt-free way out.
Respaldo configurado
Respaldo configuradoBackup configured La tarjeta de respaldo queda visible bajo la principal, con la aclaración de que solo se usa si el cobro falla.The backup card stays visible under the primary one, noting it is only used if the charge fails.
Recomendación de la IA
Recomendación de la IAAI recommendation Antes de listar todo, el sistema propone una sola tarjeta con la mayor probabilidad de cobro exitoso.Before listing everything, the system proposes a single card with the highest chance of a successful charge.
Todas las tarjetas
Todas las tarjetasAll cards El listado completo, con la recomendada marcada y la opción de sumar una nueva. Cierre con sello de pago seguro.The full list, with the recommended one marked and the option to add a new card. Closing with a secure-payment seal.

10 — Comunicación10 — Communications

Push y emailPush and email

El pedido del medio de respaldo también viaja fuera de la app. El asunto y el preheader anticipan el mensaje en la bandeja, la notificación lo repite dentro del canal de Mercado Libre y el mail resuelve todo con una sola acción posible.The backup-method request also travels outside the app. Subject and preheader carry the message in the inbox, the notification repeats it inside the Mercado Libre channel, and the email resolves everything with a single possible action.

Email — asunto y preheader
Email — asunto y preheaderEmail — subject and preheader En la bandeja se lee completo antes de abrir: el título advierte y el preheader ya dice qué hacer.It reads in full in the inbox before opening: the subject warns and the preheader already says what to do.
Notificación en la app
Notificación en la appIn-app notification El mismo mensaje en el centro de notificaciones, con el personaje del plan como remitente visual.The same message in the notification centre, with the plan character as the visual sender.
Email — cuerpo
Email — cuerpoEmail — body Aclara que el respaldo solo se usa si falla el principal, y cierra con un único botón: agregar medio de pago.It clarifies the backup is only used if the primary fails, and closes with a single button: add a payment method.

Seguir navegandoKeep browsing

Ver todoSee all
ePak · OCA Logística B2BB2B logistics Anuka Aprender idiomasLanguage learning Bull Market Brokers InversionesInvesting Yourbarrel Fotografía deportivaSports photography

ContactoContact

nico.rasilla@gmail.com

+54 9 11 2388-2900

LinkedIn Abre en una pestaña nuevaOpens in a new tab Descargar CV (PDF)Download CV (PDF)