Mango

Optimización omnicanal y escalabilidad B2B en el sector retail

  • PRODUCT DESIGN
  • E-COMMERCE
  • B2B
  • UX RESEARCH
  • ENTERPRISE SOFTWARE

Mango B2B es el ecosistema digital diseñado para optimizar las operaciones wholesale, la facturación y la experiencia de compra corporativa de franquiciados a nivel internacional.

Ecosistema B2B de Mango: web, showroom y backoffice
Rol
Senior Product Designer (B2B Squad)
Equipo
Squad multidisciplinar (Diseño, PM, Frontend, Backend y Negocio)
Entregables
Ecosistema web B2B, App Showroom (Zebra), Backoffice comercial
Estado
Diseños entregados y en fase de implementación técnica
Sector
Retail · Wholesale B2B
Plataforma web B2B de Mango: ficha de producto
01

Contexto y escala

Trabajar en el ecosistema B2B (wholesale) de una multinacional de primer nivel como Mango implica diseñar para una escala global. A diferencia del cliente retail habitual, los usuarios corporativos manejan volúmenes masivos, catálogos extensos y requieren herramientas de altísima eficiencia.

Mi rol dentro del squad consistió en liderar el diseño de producto para optimizar esta experiencia end-to-end, equilibrando las fuertes exigencias de negocio con las necesidades reales de los compradores internacionales.

La verdadera optimización del e-commerce B2B no ocurre solo en la web; consiste en unificar y facilitar la experiencia corporativa desde el showroom físico hasta el backoffice comercial.
Diagrama de firmes: Nexus, Backoffice y Showroom
Documentación de diseño de la homepage de Nexus
02

Estrategia de research y datos

Operar en un entorno wholesale a escala internacional supone investigar a una base de usuarios relativamente pequeña y dispersa, donde los datos son más difíciles de obtener que en B2C. Para capturar información accionable, implementamos un ecosistema de research mixto:

  • Analítica de negocioImplementación de Google Analytics para obtener y cruzar datos de facturación y comportamiento de compra de los franquiciados.
  • Comportamiento y feedbackUso de Hotjar (grabaciones y mapas de calor), NPS y módulos de feedback directo en la plataforma para evaluar la usabilidad y la experiencia de compra.
  • Cualitativo y stakeholdersEntrevistas con usuarios finales y sesiones recurrentes con el equipo comercial, utilizándolos como puente vital para entender la realidad del cliente corporativo.
Resultados NPS: puntuación y distribución de respuestas
Evolución del NPS entre abril y junio
Comentarios destacados de los usuarios
03

Experiencia omnicanal: web, showroom y operativa

Para elevar la eficiencia de la compra corporativa, el diseño no se limitó a la web, sino que abarcó toda la cadena de valor operando en múltiples frentes estratégicos:

  • Plataforma web (PDP y colecciones)Transformación de la página de producto y la arquitectura de los catálogos para facilitar la toma de decisiones y la navegación por inventarios complejos.
  • App de Showroom (dispositivos Zebra)Diseño de una aplicación nativa para el entorno físico. Los clientes escanean prendas directamente en el showroom mediante terminales Zebra para añadirlas ágilmente a su pedido.
  • Backoffice operativoConceptualización y diseño de la herramienta interna de gestión, permitiendo a los comerciales cargar pedidos, gestionar la facturación y administrar el catálogo sin fricciones.
Presentaciones y showroom digital en Nexus
App de showroom para dispositivos móviles
Backoffice de Nexus: gestión de agrupaciones
04

El reto estratégico: compra multitienda y curva de tallas

Uno de los requerimientos más exigentes por parte de Negocio fue desarrollar la compra multitienda. Un mismo franquiciado podía tener varias tiendas bajo su mando y necesitaba comprar un mismo producto para diferentes ubicaciones, gestionando lo que en retail se conoce como la «curva de tallas». Esta distribución podía ser la genérica de Mango o una curva personalizada, adaptada a la región del franquiciado y a su histórico de compras.

Desde el equipo de diseño, antes de ejecutar un desarrollo tan complejo, validamos la necesidad real mediante testeos. Comprobamos que el porcentaje de usuarios que aprovecharía esta funcionalidad era muy reducido y advertimos a Negocio de que el altísimo coste de ingeniería no compensaba el ROI esperado.

A pesar del riesgo levantado, la dirección priorizó la iniciativa. Asumimos el reto y diseñamos una interfaz robusta que resolvía un problema masivo de arquitectura de datos, permitiendo al usuario distribuir curvas de tallas complejas entre múltiples tiendas de forma usable e intuitiva.

Flujo de compra global: log in, PDP y listado de tiendas
Distribución de unidades y curva de tallas por tienda
Documentación completa de la homepage: variantes, componentes y responsive

Impacto y resultados

01

Diseño para la complejidad técnica

Entrega de un flujo multitienda escalable y una herramienta de backoffice que ordenan una arquitectura de datos masiva (facturación, tiendas múltiples, curvas de tallaje).

02

Madurez en Product Discovery

Introducción de metodologías de research y analítica cruzada para visibilizar riesgos y priorizar el valor real antes de la inversión en desarrollo técnico.

03

Handoff y visión 360º

Transición limpia hacia el equipo de ingeniería con un ecosistema (web, App Zebra y backoffice) completamente documentado y en fase de desarrollo.