HIPERDINO
CASE STUDY
UX Lead · Ecommerce retail omnicanal Design system & product scalability

HiperDino es la mayor cadena de supermercados de Canarias, con más de 1.560 millones € de facturación anual. Lideré el rediseño integral de su ecosistema digital —web y app— con un reto claro: mejorar la usabilidad, la conversión y la imagen de marca sin poder modificar la arquitectura del producto. El punto de partida fue un documento de insights con mapas de calor, análisis heurístico, datos de Google Analytics y benchmark competitivo que existían pero no se estaban aplicando al diseño.

HiperDino

Mi rol

Lideré el equipo de UX y el rediseño completo del producto digital. Mi rol incluyó el análisis de datos existentes, la definición de estrategia UX/UI, el diseño del sistema, y la coordinación continua con desarrollo y QA durante la fase de implementación.

El problema

La web y la app llevaban años siendo lentas, anticuadas y poco usables, lo que había erosionado la confianza de los usuarios en la compra online. La plataforma tenía datos de comportamiento real que no se estaban interpretando ni aplicando, y una complejidad funcional que impactaba directamente en la conversión.

La restricción era significativa: no se podía modificar la arquitectura del producto. Todo el trabajo de usabilidad, conversión y recuperación de confianza de marca tenía que resolverse dentro de una estructura fija.

0
Plataformas
0
Componentes
0
Meses
0
Design System

"El sistema de diseño no es una capa visual, sino una infraestructura de producto que evita volver a decisiones inconsistentes."

Objetivos

A partir del diagnóstico inicial, los objetivos del proyecto fueron:

  • Mejorar la usabilidad y la eficiencia de los flujos clave
  • Recuperar la confianza del usuario en la compra online
  • Modernizar la estética y el prestigio de marca digital
  • Rediseñar la experiencia basándose en datos reales de uso
  • Construir un sistema escalable dentro de la arquitectura existente
UX Design wireframes and interface sketches

Enfoque y proceso

El trabajo comenzó consolidando y reinterpretando los datos disponibles: mapas de calor, analytics y benchmark competitivo que existían pero no generaban cambios. A partir de ese análisis, cada decisión de jerarquía visual, flujo y estética tuvo un dato detrás que la justificaba.

El reto más significativo fue el checkout. Con múltiples tipos de cupones, tarjetas de descuento, códigos promocionales y opciones de pago, la complejidad era brutal. Sin poder cambiar los pasos ni la arquitectura, la solución fue aplicar progressive disclosure con lógica de negocio: cada usuario ve solo las opciones que le aplican, pero todas siguen siendo accesibles y comprensibles en un vistazo. Sin quitar nada, sin simplificar por omisión.

Sistema de diseño

El sistema de diseño se planteó como respuesta directa a los problemas detectados, no como una capa visual. Se definieron tokens, componentes reutilizables y patrones específicos de negocio orientados a mejorar la usabilidad, la coherencia y la velocidad de iteración dentro de las restricciones del proyecto.

Colaboración con desarrollo

La colaboración con el equipo de desarrollo fue constante. Muchas decisiones se tomaron teniendo en cuenta limitaciones técnicas reales, priorizando soluciones sostenibles. El sistema ayudó a reducir ambigüedades y asegurar que las decisiones de UX se implementaran correctamente.

Entregables

Discovery & Research Arquitectura de información Wireframes UI Design Web UI Design App Design System Documentación QA Support

Estado actual

El rediseño está completado y en fase de implementación. La base de diseño, sistema y documentación están listos para su despliegue en producción.