HIPERDINO
CASE STUDY
UX Lead · Ecommerce retail omnicanal Design system & product scalability · En producción

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— en un contexto donde la usabilidad obsoleta y la ineficiencia de navegación estaban afectando directamente a la conversión. El foco fue reconstruir la arquitectura, simplificar flujos clave y crear un sistema escalable alineado con negocio y desarrollo.

HiperDino

Mi rol

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

El problema

La web y la app estaban diseñadas desde un enfoque de usabilidad obsoleto, con una navegación farragosa y procesos poco eficientes que impactaban directamente en la conversión.

Se detectaban pérdidas de información en distintos puntos del recorrido, baja claridad jerárquica y una arquitectura poco optimizada para el comportamiento real de las personas usuarias.

Además, los datos disponibles —incluyendo mapas de calor— no estaban siendo correctamente interpretados ni utilizados para mejorar la experiencia, lo que agravaba la desconexión entre diseño y comportamiento real.

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 claros:

  • Simplificar la navegación y mejorar la eficiencia de los flujos clave
  • Recuperar claridad jerárquica y evitar pérdida de información
  • Rediseñar la experiencia basándose en datos reales de uso
  • Construir un sistema escalable que evitara recaer en soluciones obsoletas
  • Alinear diseño, negocio y desarrollo en un mismo marco de decisión
UX Design wireframes and interface sketches

Enfoque y proceso

El trabajo comenzó con una fase de análisis centrada en entender qué estaba fallando realmente: cómo navegaban las personas usuarias, dónde se perdía información y por qué los datos existentes no estaban generando mejoras reales.

A partir de ahí, el proceso se enfocó en replantear la arquitectura de la información, definir patrones de interacción más claros y eficientes, diseñar flujos coherentes entre web y app, y traducir los datos en decisiones de diseño concretas.

Sistema de diseño

El sistema de diseño se planteó como una respuesta directa a los problemas detectados. No como una capa visual, sino como una infraestructura de producto que evitara volver a decisiones inconsistentes y poco eficientes.

Se definieron tokens y fundamentos claros, componentes reutilizables y patrones específicos de negocio —como promociones, minicart y checkout—, todo orientado a mejorar la usabilidad, la coherencia y la velocidad de iteración.

Colaboración con desarrollo

La colaboración con el equipo de desarrollo fue constante y estratégica. Muchas decisiones se tomaron teniendo en cuenta limitaciones técnicas reales, priorizando soluciones sostenibles frente a parches rápidos.

El sistema ayudó a reducir ambigüedades, mejorar la comunicación entre equipos 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 proyecto se encuentra actualmente en fase de producción. El rediseño deja establecida una base sólida para recuperar eficiencia, reducir fricción y evolucionar el producto digital de forma sostenida.