Mi Trabajo
BusinessDesde €750
Green Leaf — Sitio web para restaurante con reservas y menú digital
Green Leaf es un sitio web moderno y 100% adaptativo desarrollado para un restaurante vegetariano en Barcelona.
El objetivo del proyecto fue crear una presencia digital acogedora que destaque la gastronomía saludable y automatice la gestión diaria.
Puntos clave del proyecto:
- Menú digital interactivo: Navegación por categorías con filtras dietéticos (vegano, sin gluten).
- Reserva de mesas en línea: Sistema intuitivo en 3 pasos enfocado en aumentar las conversiones.
- Reseñas con moderación: Módulo de opiniones con gestión previa desde el panel de administración.
- Panel de administración personalizado: Control total de reservas, menú, blog y galería.
- Soporte multiidioma y SEO: Optimizado para los mercados de España e internacional.
Página de inicio
Página de inicio — Experiencia visual elegante, prueba social y conversión directa
La página de inicio de Green Leaf está diseñada para captar la atención de los visitantes desde el primer segundo con una estética limpia, cálida y natural. Combina una tipografía sofisticada con imágenes gastronómicas de alta calidad que reflejan la propuesta culinaria del restaurante.
Hero Section impactante: Un banner a pantalla completa con llamada a la acción clara («Book a Table») para maximizar las reservas.
Menú destacado (Featured Dishes): Muestra los platos estrella con fotos, precios, ingredientes y etiquetas dietéticas (sin gluten, vegano, etc.).
Recomendaciones del chef: Un módulo especial para destacar la especialidad de la casa («Quinoa and avocado»).
Prueba social y opiniones («What our guests say»): Bloque interactivo de reseñas con valoración media (4.8 estrellas), comentarios reales de clientes, respuestas oficiales del restaurante y botones interactivos («See all reviews» y «Write a review») para transmitir confianza.
Sección de Blog integradora: Artículos recientes sobre gastronomía saludable para mejorar el posicionamiento SEO.
Diseño 100% Adaptativo: Mapeo perfecto de la interfaz para pantallas de escritorio, tablets y dispositivos móviles .
Sobre nosotros
Sobre nosotros — Historia, filosofía y ambiente del restaurante
La página «Sobre nosotros» de Green Leaf transmite la esencia y valores del restaurante, conectando emocionalmente con los clientes a través de su filosofía gastronómica y un diseño cálido.
Filosofía y origen: Presentación de la misión del restaurante basada en la cocina vegetariana y vegana con productos locales y de temporada.
Ambiente del restaurante: Sección dedicada a la atmósfera del local («A quiet corner in the city centre») que invita a disfrutar de una experiencia acogedora con llamada a la acción hacia el menú.
Cocina consciente: Enfoque en la calidad de los ingredientes y el respeto por la nutrición saludable con botón directo para reservar mesa («Book a Table»).
Preview del menú («From our kitchen»): Módulo visual con acceso directo a las especialidades de la casa.
Menú
Menú — Carta digital interactiva con filtros dietéticos
La página de Menú de Green Leaf ofrece una experiencia de navegación intuitiva e interactiva, permitiendo a los comensales explorar la oferta gastronómica de forma clara y rápida.
Filtros interactivos por dieta: Sistema de filtrado rápido que permite seleccionar opciones según preferencias dietéticas (vegano, sin gluten, etc.).
Navegación por categorías: Organización estructurada por secciones (Salads, Soups, Bowls, Main courses, Desserts, Drinks) para facilitar la lectura.
Fichas detalladas de platos: Cada opción incluye imagen de alta calidad, nombre, ingredientes clave, peso en gramos, precio y etiquetas indicativas de alérgenos.
Experiencia enfocada en la conversión: Diseño optimizado para despertar el apetito y facilitar la toma de decisiones antes de realizar la reserva.
Blog
Blog — Contenido editorial y estrategia SEO gastronómica
La página del Blog de Green Leaf está diseñada para compartir recetas, historias sobre ingredientes locales y novedades de la cocina, fortaleciendo el posicionamiento orgánico en motores de búsqueda.
Diseño en cuadrícula limpia: Presentación clara de artículos mediante tarjetas visuales con imágenes atractivas, fechas de publicación y tiempo estimado de lectura.
Artículos sobre filosofía culinaria: Contenidos enfocados en sostenibilidad («Zero-waste cooking»), recetas tradicionales («The story of crema catalana») y nutrición consciente («Plant protein made simple»).
Navegación y paginación intuitiva: Sistema de paginación que facilita la exploración fluida de publicaciones anteriores sin recargas innecesarias.
Potencial de atracción y fidelización: Canal ideal para captar tráfico cualificado a través de búsquedas relacionadas con la gastronomía vegetariana y saludable.
Galería
Galería — Exposición visual de la propuesta gastronómica
La página de Galería de Green Leaf está diseñada para transmitir la calidad, frescura y estética de los platos a través de una experiencia puramente visual.
Diseño estilo Bento Box: Disposición dinámica en cuadrícula asimétrica que resalta imágenes de alta resolución de ingredientes, platos preparados y bebidas.
Estética natural y cuidada: Fotografía profesional centrada en detalles, texturas y colores de la cocina vegetariana y vegana.
Carga rápida y optimización: Estructura adaptativa diseñada para una navegación fluida en dispositivos móviles, tablets y ordenadores sin perder calidad visual.
Impacto en la conversión: Elemento clave para despertar el apetito y reforzar la decisión del cliente antes de reservar.
Reservas
Reservas — Sistema intuitivo de reserva de mesas en 3 pasos
La página de Reservas de Green Leaf ofrece una herramienta interactiva diseñada para facilitar la reserva de mesas de forma rápida, clara y sin complicaciones.
Proceso guiado en 3 pasos: Interfaz por etapas (Día y hora, Datos personales, Confirmación) que reduce la fricción y mejora la tasa de conversión.
Selección inteligente de fecha y hora: Calendario interactivo con opción de elegir número de comensales y turnos diferenciados de comida y cena.
Información clave al alcance: Módulo lateral con horarios de apertura, teléfono de atención para grupos grandes y ubicación en mapa.
Confirmación directa: Proceso automatizado que agiliza la gestión del restaurante y garantiza la mejor experiencia para el cliente.
Panel de administración
Panel de administración — Sistema de gestión integral y control de contenidos
Panel de control personalizado diseñado para la gestión rápida, intuitiva y centralizada de todos los procesos del restaurante Green Leaf.
Cuadro de mando principal (Dashboard): Métricas en tiempo real con contadores de reservas de hoy, nuevas solicitudes pendientes, mensajes no leídos y total de platos en el menú.
Gestión de reservas y mensajes: Control detallado de las reservas entrantes con estados («Confirmed», «New»), información de comensales, fechas y gestión de solicitudes de clientes.
Moderación de contenido y reseñas: Módulos independientes para la revisión previa de opiniones de clientes, publicaciones del blog y fotos de la galería.
Administración completa del sitio: Control de contenidos (Hero, Sobre nosotros, Menú, Categorías), cambio de idioma de la interfaz y gestión de seguridad.