Lidl Rediseño

Rediseño de la página principal de la tienda online Lidl.es (Lidl España).

UI/UX Design · Proyecto personal

¿Qué es Lidl?

Lidl es una cadena de supermercados de origen alemán presente en España desde 1994. Se caracteriza por ofrecer productos de calidad a precios competitivos, con un surtido optimizado y gran presencia de marcas propias. Su modelo apuesta por la eficiencia, la sostenibilidad y la colaboración con proveedores locales. También destaca por su expansión constante y una fuerte inversión en producto fresco.

¿Por qué la app de Lidl?

He elegido esta aplicación porque soy usuaria habitual, especialmente en la compra de artículos de decoración y jardinería. Durante mis experiencias de uso he identificado oportunidades de mejora relacionadas con la navegación, la presentación de las características del producto y la jerarquía visual de los contenidos, aspectos clave que influyen directamente en la experiencia de compra online.

Reto – Análisis Heurístico

¿Cómo mejorar la experiencia visual y de navegación en la tienda online de Lidl?

Para ello, se realizó una evaluación heurística de la web tomando como referencia las 10 heurísticas de usabilidad de Jakob Nielsen.

Este análisis permitió detectar problemas en la interfaz relacionados con la usabilidad, la jerarquía de la información y la consistencia visual, para posteriormente plantear propuestas de mejora que optimicen la interacción del usuario durante todo el proceso de compra.

Proceso

→ Selección del flujo a evaluar
Identificación del recorrido clave a analizar: Página principal → Inicio de sesión → Secciones → Tienda → Añadir a la cesta.

→ Evaluación heurística
Detección de problemas de usabilidad y definición de propuestas de optimización aplicando las heurísticas de Nielsen.

→ Revisión de la arquitectura de la información
Análisis de la estructura actual y diseño de una nueva propuesta de flujo más clara y eficiente.

→ Definición del diagrama de flujo
Representación del user flow optimizado como base para el rediseño.

→ Wireframes de baja fidelidad
Primeros bocetos centrados en jerarquía visual y disposición de elementos.

→ Creación del Design System
Definición de guías visuales y de interacción para mantener coherencia en todo el proyecto.

→Prototipo en alta fidelidad
Transformación de los wireframes en un prototipo interactivo que refleja la experiencia final.