Experiencia gastronómica digital
Detalles del proyecto
ZERU es un restaurante de origen mexicano especializado en cocina vasca y mediterránea. Tras consolidar su propuesta en Ciudad de México, la marca llevó su concepto a Miami con su primera ubicación en Estados Unidos, en el área de Brickell.
El proyecto consistió en diseñar la experiencia digital para acompañar esta expansión, trasladando a la web los principales atributos de la marca: tradición, producto, técnica, espacio y experiencia gastronómica.
Más que funcionar únicamente como un sitio informativo, la plataforma debía generar deseo, presentar la filosofía de ZERU y conducir al usuario hacia una de las acciones más importantes del negocio: realizar una reservación.
- Año: 2022
- Industria: Hospitality / Gastronomía
- Trabajo: UX/UI Design · Web Design
- Tiempo: 3 meses
Servicios
UX Research
Arquitectura de información
User Flows
Wireframes
UI Design
Design System
Prototipado
Diseño responsive
Usabilidad
Reto
El principal reto fue introducir una marca gastronómica ya posicionada en México dentro de un nuevo mercado, conservando su identidad y filosofía, pero construyendo una experiencia adecuada para usuarios que probablemente tenían su primer contacto con ZERU.
La web debía resolver rápidamente tres preguntas:
¿Qué es ZERU? → ¿Qué experiencia ofrece? → ¿Cómo puedo reservar?
Desde UX, el reto era equilibrar storytelling y conversión. Mostrar demasiado contenido podía hacer que el usuario perdiera el objetivo de reservar; reducirlo demasiado podía eliminar precisamente aquello que diferencia a ZERU de otros restaurantes de Miami.
Research
Para el proyecto planteamos una investigación centrada en comprender cómo los usuarios descubren, evalúan y seleccionan restaurantes de gama media-alta/alta.
Se realizaron entrevistas con 10 usuarios, complementadas con análisis competitivo de restaurantes de Miami y revisión de patrones de navegación en plataformas gastronómicas.
Identificamos que la elección no dependía únicamente del menú. Los usuarios evaluaban conjuntamente:
Tipo de cocina · Calidad percibida · Ambiente · Ubicación · Fotografías · Menú · Disponibilidad para reservar
Esto convirtió al sitio en una parte importante de la experiencia previa a visitar el restaurante.
¿Iniciamos un proyecto?
Construyamos juntos algo increíble.
Solución
Diseñamos una experiencia digital que traslada la esencia gastronómica de ZERU al entorno web, combinando storytelling, fotografía y una navegación sencilla.
- Storytelling Comunicamos la historia, filosofía y esencia de ZERU mediante un recorrido visual.
- Experiencia visual Priorizamos fotografía y producto para transmitir una experiencia premium y auténtica.
- Navegación simple Facilitamos el acceso al menú, ubicación, horarios e información del restaurante.
- ReservaciónOptimizamos el recorrido para convertir la exploración del sitio en una reservación.
UI Design
Aquí hay algo interesante para tu portfolio: ZERU te sirve para demostrar un tipo de UI completamente diferente a Bid&Token y LegalBrave.
La dirección visual utiliza una estética editorial y gastronómica premium, construida alrededor de grandes espacios blancos, fotografía, composiciones asimétricas y tipografía serif de alto contraste.
El negro funciona como elemento de sofisticación y genera contraste con las secciones gastronómicas, mientras que las texturas y las ilustraciones botánicas aportan un carácter artesanal.
Las fotografías no funcionan únicamente como decoración: se convierten en parte de la jerarquía de información, permitiendo comunicar producto, técnica, equipo y espacio sin depender excesivamente del texto.
Design System
El sistema visual se construyó deliberadamente reducido para permitir que el contenido gastronómico tuviera protagonismo.
Foundations: blanco, negro y tonos neutros; tipografía serif para titulares; sans serif para información funcional; grid editorial; fotografía de gran formato y espaciados amplios.
Componentes: navegación, botones, cards editoriales, galerías, sliders, formularios, newsletter, módulos de contenido y CTA de reservación.
La combinación permite mantener consistencia entre Home, Menu, Reservation, Location & Hours, Blog y About Zeru Team, sin perder la flexibilidad necesaria para contenidos editoriales.