RestauranteDemo · proyecto de muestra
Un restaurante que enamora antes de que entres
Demo de web completa para hostelería: menú digital con filtros y búsqueda instantánea, reservas en línea con validación en tiempo real y una galería que se ve de lujo.
- Menú digital
- Reservas en línea
- Galería masonry
- Framer Motion
- Lazy loading
- Code splitting
El resultado
El cliente ve la carta, se le antoja y reserva mesa sin llamar ni esperar.
Este no es un cliente: es una demo que construí para enseñar cómo puede ser la web de un restaurante. Funciona de verdad en pantalla, pero no está conectada a la cocina de nadie. La versión de producción se personaliza para cada negocio.
Lo que había que resolver
Casi todo restaurante pequeño enseña su carta en una foto o en un PDF. En el celular eso se lee mal: hay que ampliar, arrastrar y adivinar el precio. Y la reserva casi siempre termina en una llamada que nadie contesta en plena hora de servicio.
Un restaurante se vende por dos cosas: lo que se come y cómo se siente estar ahí. La web tenía que hacer las dos.
Lo que construí
- Menú digital con filtros por categoría —entrantes, principales, postres, bebidas y especiales— y búsqueda instantánea por nombre de plato.
- Filtros dietéticos: vegano, vegetariano, sin gluten, picante y sugerencia del chef. Quien no come gluten ve su carta en un toque, sin recorrerla entera ni preguntar.
- Contador en vivo de platos encontrados, para que se note que el filtro está haciendo algo de verdad.
- Sistema de reservas con validación en tiempo real: los errores se avisan mientras se escribe, no después de enviar.
- Galería con layout masonry y transiciones cuidadas, para que la comida se vea como se ve en la mesa.
- Animaciones de entrada en cada sección con Framer Motion, con ritmo de revista y sin marear.
- Fichas de plato completas: foto, descripción, precio, valoración y etiquetas como destacado, vegetariano, sin gluten o sugerencia del chef.
- Secciones de eventos y testimonios, con la valoración media al frente.
- Contacto con horarios, dirección y acceso directo a Maps, para quien ya decidió ir.
- Carga muy rápida, con lazy loading y code splitting: quien busca dónde cenar decide en segundos y desde la calle.
- Responsive de verdad en móvil, tablet y escritorio.
En qué se nota
El cliente entra, ve qué se come, siente cómo es el sitio y reserva. Todo en la misma página y sin hablar con nadie. La cocina deja de interrumpirse para contestar el teléfono.
Sirve tal cual para cualquier negocio de hostelería: restaurante, cafetería, bar o catering. Se adapta la carta, las fotos y la marca, y ya.