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

Este proyecto explora e identifica oportunidades de mejora elacionadas 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. Para ello, se realizó una evaluación heurística de la web tomando como referencia las 10 heurísticas de usabilidad de Jakob Nielsen.

LIDL Redesign

UI/UX Design · Proyecto personal

Reto

¿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

1. 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.

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

3. 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.

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

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

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

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

Análisis Heurístico

(Muestra de análisis en Notion)

Revisión de la arquitectura de la información

Arquitectura de Información Actual

Nueva Arquitectura de Información

Diagrama de flujo

Wireframes Baja Fidelidad

INTERACTION PROTOTYPE

Siguiente
Siguiente

Cuidavet - UX Research