Mexx UX Redesign
Mexx es líder indiscutible en retail de tecnología en Argentina con 34 años de trayectoria. Este caso de estudio documenta cómo identifiqué, validé y rediseñé dos flujos críticos — persistencia de carrito entre dispositivos y costos de envío ocultos — usando investigación con usuarios y validación con datos reales.
Este caso de estudio es el trabajo final de la Diplomatura de Diseño UX/UI de Coderhouse, para la materia de Diseño UX/UI Avanzado.
UX/UI Designer
4 semanas
Proyecto Individual
Contexto
Mexx lidera el mercado argentino de retail tech, pero su plataforma digital tenía dos fricciones críticas que costaban conversiones reales: el 80% de los usuarios investigan en celular pero compran en PC (carrito perdido entre dispositivos), y el 100% de los encuestados citó costos de envío inesperados en productos digitales como motivo de abandono.
El Problema
Los usuarios agregaban productos en el celular y encontraban el carrito vacío en la PC — hasta 15 minutos de retrabajo por sesión. Los productos digitales como licencias de Windows 11 eran cobrados con envío físico ($250+), revelado recién en el paso de Mercado Pago, causando abandono inmediato.
Proceso de Diseño
Apliqué la metodología de los Cinco Planos de James Garrett, trabajando desde la estrategia abstracta hacia la superficie visual concreta.
Estrategia
Realicé una auditoría heurística contra los 10 principios de Nielsen (7 de 10 fallaban), una encuesta estratégica con 10 usuarios (12 preguntas sin sesgo) y analicé 6 leyes de UX siendo violadas. Creé 2 personas (Lucas, 26 años, developer; Sofía, 32 años, freelancer) y journey maps trazando pain points con curvas emocionales.
Alcance
Validé ambas hipótesis con datos reales: 80% de usuarios perdía el carrito entre dispositivos, 100% citó costos ocultos como motivo de abandono. Realicé Tree Testing en UXTweak con 10 participantes — descubrí que la categoría 'Software' tenía solo 40% de directness, lo que llevó a renombrarla a 'Licencias Digitales'. Mapeé 2 taskflows principales y rediseñé la arquitectura de información.
Estructura
Usé Lean UX Canvas + Matriz FVD para priorizar 10 ideas. Seleccioné 6 soluciones: carrito persistente (sincronización en BD en lugar de localStorage), desglose flotante de costos transparente, etiqueta de producto digital, modal de login exprés, guest checkout y recuperación de carrito por magic link. Descarté 4 ideas de bajo valor: integración de carrito por WhatsApp, calculadora fiscal AFIP, chatbot IA y gamificación.
Esqueleto
Construí un prototipo interactivo de alta fidelidad en Figma cubriendo ambos flujos completos. Diseñé un sistema de diseño completo: paleta rojo Mexx (#E73E3E), tipografía Inter + Merriweather, sistema de espaciado de 4px, componentes atómicos reutilizables y 6 animaciones UI documentadas (slider hero, modal de auth, desglose de costos, indicador de guardado, estados de carga, transiciones de checkout).
Superficie
Testing de usabilidad en Maze con 10 participantes en 2 tareas. Tarea 1 (continuidad del carrito): 100% de tasa de éxito, 32s promedio, 80% directness, 0% drop-off. Tarea 2 (transparencia de costos): 85.7% de éxito, 71s promedio, 40% directness, 14.3% drop-off (decisión racional tras revisar el costo — no es fricción). Insight clave: 49-51% de misclick rate revela una oportunidad de mejora en la jerarquía visual del header.
Resultados y KPIs
Ambas hipótesis validadas con datos reales. La persistencia de carrito logró tasa de éxito perfecta; la transparencia de costos eliminó los abandonos por sorpresa. El sistema de diseño es escalable, documentado con tokens CSS y listo para handoff a desarrolladores.
Aprendizajes
La investigación rigurosa (auditoría Nielsen + Leyes UX + Encuesta + Tree Testing) identifica problemas reales, no suposiciones. La validación con usuarios reales confirma que las soluciones funcionan antes de implementar. Cada decisión de diseño en este proyecto estuvo respaldada por evidencia: la matriz FVD rechazó 4 ideas, el tree test renombró una categoría, y el testing en Maze confirmó que ambos flujos eran intuitivos.