Rediseño de la web de un restaurante en León enfocado en mejorar la experiencia de usuario, la claridad de la información y la conversión a reservas.
Rol
Diseño UX/UI
Tecnologías·
Figma
Herramientas
UX research · UI design · Análisis heurístico
La Consentida es un restaurante y tienda gourmet de León con una web que presenta problemas de navegación, exceso de contenido sin jerarquía y falta de foco en conversión.
La web se construye sobre una imagen a pantalla completa con un menú desplegable kilométrico. Sin jerarquía, sin CTAs visibles, sin flujo hacia la reserva. Los usuarios no sabían dónde estaban ni qué podían hacer.
El proyecto consistió en realizar un análisis heurístico de la web existente, identificar los problemas más críticos y proponer un rediseño que mejorara la usabilidad, la accesibilidad y la conversión, manteniendo siempre la identidad de la marca.
Web original
Web rediseñada
Metodología centrada en el usuario, desde la investigación hasta el prototipo de alta fidelidad.
Análisis heurístico de la web original. Identificación de los 10 problemas más críticos usando las heurísticas de Nielsen.
Nueva arquitectura de la información. Moodboard, paleta de color y tipografías alineados con la identidad de la marca
Wireframe de la página de Inicio. Definición de componentes y flujos de usuario.
Prototipo de alta fidelidad en Figma con interacciones reales. Sistema de diseño completo.
Evalué la web aplicando las 10 heurísticas de Nielsen. Estos son los 6 problemas más críticos que determinaron las decisiones de rediseño
Serveridad: 4 (Crítico)
El menú no sigue patrones reconocibles ni ofrece una estructura clara. Los usuarios no entienden dónde están ni cómo acceder a la información clave.
Heurística: Aliviar la carga de memoria del usuario
Serveridad: 4 (Crítico)
La web se construye sobre una imagen, lo que limita la usabilidad, dificulta la navegación y rompe patrones habituales de interacción
Heurística: Flexibilidad y eficiencia de uso
Serveridad: 3 (Alta)
El contenido no presenta una organización clara, lo que dificulta escanear la información y priorizar elementos importantes como la carta o la reserva.
Heurística: Estética y minimalismo
Serveridad: 3 (Alta)
No existe un flujo claro para realizar reservas. El usuario no sabe qué acción debe realizar ni encuentra fácilmente los puntos de contacto.
Heurística: Prevenir errores / Control y libertad del usuario
Serveridad: 3 (Alta)
Contrastes insuficientes, navegación poco clara y estructura no adaptada a distintos dispositivos, dificultando el acceso a la información.
Heurística: Reconocimiento / Accesibilidad
Serveridad: 2 (Media)
Uso irregular de tipografías, colores y estilos que generan una experiencia poco cohesionada y poco profesional.
Heurística: Consistencia y estándares
El rediseño resuelve cada uno de los problemas identificados con decisiones de diseño claras y justificadas. No es solo un cambio estético: es una solución estructural.
Reorganicé el contenido en dos rutas claras: restaurante y tienda gourmet. Carta, reservas y contacto siempre accesibles desde la navegación principal.
Establecí niveles de información mediante tipografía, espaciado y contraste. El usuario sabe qué leer primero sin tener que pensarlo.
Dos CTAs en el hero: reservar mesa y ver la carta. Visibles desde el primer segundo, sin scroll.
Se creó un sistema de diseño alineado con la marca: paleta de colores definida (marrón, verde y terracota), tipografía (Belleza + Inter) y componentes reutilizables en Figma.
Contraste superior a 4.5:1, tipografías mínimo de 16px, botones de 48pt, pictogramas y formularios etiquetados.
El rediseño mejora significativamente la experiencia de usuario, facilitando la navegación, el acceso a la información y la realización de reservas.
A través del análisis heurístico y el diseño centrado en el usuario, se transformó una web poco funcional en una experiencia clara, intuitiva y orientada a objetivos