LF

MERCADO PAGO - Desktop & mobile

Catálogo de Productos

Case

Problemática

Contexto: Mercado Pago tenía una visión fragmentada de los vendedores, limitada a los métodos de pago utilizados. Para las PyMEs, las herramientas independientes ya no eran suficientes para sostener la rentabilidad y la retención. Los competidores que ofrecen software de gestión presentan una menor rotatividad, ayudando a los comerciantes a expandirse. Los comerciantes de mayor tamaño también necesitan soluciones integradas para gestionar el inventario, la fuerza laboral y la complejidad fiscal.

Objetivo de negocio: La estrategia consiste en subir de segmento, adquiriendo y reteniendo vendedores y cuentas corporativas de mayor tamaño. El objetivo es convertirse en el principal socio financiero, permitiendo el crecimiento del negocio a través de tecnología integrada. Esto debería aumentar la cuota de mercado y el compromiso en todo el ecosistema, reforzando la diferenciación y reduciendo el riesgo competitivo.

Solución: Crear un software de gestión (SWE) que ofrezca una visión 360° del negocio, consolidando las transacciones de Mercado Pago con ventas en efectivo y ventas de otros adquirentes. La plataforma ofrece control de extremo a extremo con POS, gestión de catálogo e inventario (incluyendo cargas masivas de productos), facturación y un Hub Financiero para el seguimiento del flujo de caja y el rendimiento. La adopción se acelera con el "Selling Coach", una experiencia de incorporación que orienta la configuración inicial y las primeras tareas críticas.

Mi rol: Trabajé como Sr. UX Designer en asociación con el gerente de producto, líderes técnicos y de proyectos en la definición de funcionalidades y fui responsable de la experiencia de usuario de extremo a extremo, incluyendo los flujos de navegación y el diseño de la interfaz.

Proceso

Entendiendo a los usuarios y sus necesidades

Cómo operan las PyMEs: La rutina de los vendedores de pequeñas y medianas empresas es intensa y generalmente centrada en el propietario, con operaciones lean (hasta 10 empleados, generalmente en una tienda), principalmente presencial pero cada vez más híbrida a través de redes sociales y ventas online. En cuanto a la atención al cliente, la prioridad es vender rápidamente (buscar por nombre/código) y en muchos casos negociar precios, requiriendo flexibilidad en el sistema. Para recibir pagos, usan varias máquinas de tarjeta para optimizar tasas y solo las consultan para lo básico del día.

Las necesidades diarias de un vendedor en su negocio

  • Flujos de cobro: Facilidad y simplicidad en el uso de las herramientas de cobro
  • Gestión financiera: Consolidar todos los pagos, gestionar eficientemente el flujo de caja, adoptar estrategias y herramientas de ahorro y planificación, y tener acceso a tarjetas de crédito y líneas de crédito.
  • Gestión empresarial: Una visión general integral y gestión de su negocio: ventas, facturación, productos e inventario, flujo de caja, proveedores, RRHH, clientes e información.

Nuestra herramienta de productos e inventario

Análisis

Escenario inicial: Identificamos que las herramientas disponibles para los clientes de Mercado Pago se basaban en experiencias desarrolladas para perfiles diferentes a nuestra estrategia Marketup. Las herramientas estaban orientadas a ventas en mercados online y, por lo tanto, necesitábamos analizar minuciosamente nuevas funciones, arquitectura de información y flujos de tareas que mejor atendieran a nuestros usuarios.

Oportunidades encontradas

  1. El campo de categoría es opcional para Mercado Pago, ya que no todos los comerciantes usan categorías en la gestión de sus productos.
  2. El 28% de los usuarios no podían encontrar la categoría para su producto.
  3. Para agregar un solo producto, era necesario seguir tres pasos con al menos ocho clics.
  4. Había demasiadas tarjetas, títulos y descripciones.
  5. El espacio para "alertas" pendientes ocupaba demasiado espacio en pantalla y estaba desconectado de la lista.
  6. Según las métricas analizadas, solo el 27% de los vendedores crearon artículos con categoría en los últimos tres meses. Por lo tanto, este espacio podría aprovecharse mejor con una función que sirva a un mayor número de usuarios.
  7. El formato del filtro modal aleja al usuario del flujo principal de la página, creando una experiencia más intrusiva y menos fluida.
  8. El producto se presenta en formato de tarjeta y hay un gran espacio en blanco, que podría aprovecharse mejor para organizar artículos e información accionable.
  9. Las acciones masivas podrían mostrarse solo después de una selección inicial del usuario para evitar la sobrecarga cognitiva.
Before
Before list

Rediseñando las experiencias

Craft

  1. Creé wireframes y prototipos de baja fidelidad para explorar diferentes soluciones y recopilar comentarios iniciales de las partes interesadas.

CAPA 1: Agregar producto

Wireframe add

CAPA 2: Lista de productos / acciones masivas

Wireframe list
  1. Después de algunos comentarios internos comenzamos a trabajar en media fidelidad usando los recursos de nuestro design system

CAPA 1: Agregar producto

Mid-fi add

CAPA 2: Lista de productos / acciones masivas

Mid-fi list

Solución final

Mejoras aplicadas

  1. Autocompletado con inteligencia artificial a partir de Gtin (código de barras)
  2. Eliminamos el requisito de completar la categoría del producto.
  3. Redujimos el formulario a una sola pantalla.
  4. Reestructuramos el formulario con información que los usuarios PyME necesitan para gestionar una tienda
    1. Unidad de medida: kg, Litro, Metros, Unidad
    2. Precio de costo
    3. Margen de ganancia
    4. Stock y alerta de stock mínimo

CAPA 1: Agregar producto

Final add
1
2
3
4

Mejoras aplicadas

  1. El área de artículos pendientes fue reorganizada en pestañas que segmentan los productos, permitiendo una visualización más simple y directa, vinculada directamente a la lista sin ocupar tanto espacio ni desviar la atención de la pantalla.
  2. Visualización de artículos que se asemeja visualmente a una tabla, un formato ya conocido y utilizado por la mayoría de los vendedores. El formato también ayuda a visualizar más artículos a la vez, facilitando la comparación y gestión.
  3. Como el filtro incluye la opción para el estado de los datos fiscales, estos fueron agregados a la tabla, mejorando la funcionalidad de facturación.
  4. Para evitar la sobrecarga, las opciones de edición y eliminación solo se muestran al pasar el cursor sobre la fila.

CAPA 2: Lista de productos / acciones masivas

Final list
1
2
3
4

Resultados y métricas

Aumento en las tasas de conversión

La tasa de abandono cayó del 70% al 55%.

+15%

Reducción en el tiempo del flujo de agregar producto

De 143 segundos a 55 segundos.

-61%

Productos agregados al catálogo por vendedor

Aumento de 2,5 a 3 productos

+17%

Quant Seller

4k
+5k9k

14/04
Implementación

19/05

Quant Seller

2k
+2k4k

14/04
Implementación

19/05

Tras el lanzamiento en Brasil y México, duplicamos el número de vendedores que utilizan el Catálogo de Mercado Pago

Diseñadores en el proyecto

Luiz Felipe Nepomuceno

Luiz Felipe Nepomuceno

Sr. UX Designer

Gabriel Gonzaga

Gabriel Gonzaga

Project Lead Designer

Luiza Alexander

Luiza Alexander

Semi Sr. UX Designer

Soraia Shell

Soraia Shell

Semi Sr. UX Writer