Caso de estudio · Gastronomía · Restaurante

Sabor Criollo

Restaurante de cocina criolla y amazónica con reserva rápida desde la portada, eventos, la historia de la familia y un panel para que el dueño actualice platos y precios sin depender de nadie.

Páginas públicas
12
Panel de administración
4 pantallas
Rutas de API
3
Reserva
Desde la portada
nexa-portafolio.vercel.app/demos/restaurante
Página de inicio del demo Sabor Criollo en computadora
El demo Sabor Criollo en un celular

El reto

Un restaurante que solo recibe reservas por teléfono pierde mesas cuando no puede contestar, y una carta en PDF no transmite lo que se vive en el local ni quién está detrás de la cocina.

Lo que construimos

La portada abre con gente compartiendo la mesa y un widget de reserva al estilo de las plataformas grandes: personas, día y horarios con mesas libres, sin salir de la página.

Contamos la historia de la familia en primera persona, destacamos los platos amazónicos de Pucallpa y los eventos de la semana, y mostramos reseñas de comensales.

Para el dueño hay un panel propio: agrega o edita platos, cambia precios, sube fotos (que se comprimen solas) y revisa las reservas, que se validan en el servidor.

Recorrido por el sitio

nexa-portafolio.vercel.app/demos/restaurante
Portada del restaurante con el widget de reserva rápida y horarios disponibles

Reservar sin salir de la portada

Personas, día y horario en tres toques. Los grupos de más de 8 pasan a WhatsApp para armar un menú especial.

nexa-portafolio.vercel.app/demos/restaurante
Sección de eventos y experiencias del restaurante

Eventos que dan ganas de ir

Música en vivo, taller de ceviche y almuerzo familiar, cada uno con su día, hora y precio.

nexa-portafolio.vercel.app/demos/restaurante
Panel de administración con la lista de platos

Panel para el dueño

Buscar, agregar, editar o pausar un plato toma segundos. Los cambios se ven al instante en el sitio.

La carta del restaurante vista en un celular

Pensado para el celular

La mayoría de clientes llega desde el teléfono, así que cada pantalla se diseñó primero para ahí.

Medido, no prometido

Resultados de Lighthouse, la herramienta de Google, en modo celular (4 de octubre de 2026). Haz tu propia medición: debería darte números muy parecidos.

Medirlo en PageSpeed Insights
97
Rendimiento
100
Accesibilidad
100
Buenas prácticas
100
SEO

Lo que no se ve, pero cuenta

Detalles técnicos que hacen que el sitio sea seguro, rápido y fácil de mantener. Todos se pueden revisar en el código.

  • Disponibilidad en vivo

    Los horarios respetan la atención de cada día y ocultan los que ya pasaron si reservas para hoy.

  • Reserva precargada

    El widget pasa fecha, hora y personas por la URL y el formulario llega completo.

  • Validación en el servidor

    Las reservas y mensajes se validan con Zod en la API, no solo en el navegador.

  • Límite de solicitudes

    Un proxy frena a quien envía demasiados formularios por minuto desde la misma IP.

  • Fotos livianas

    Las imágenes que sube el dueño se reducen a 1200 px y se comprimen antes de guardarse.

  • Privacidad por defecto

    Analítica y chat en vivo solo se cargan si el visitante acepta las cookies.

¿Quieres algo así para tu negocio?

Cuéntanos qué vendes y cómo atiendes hoy. Te enviamos una propuesta por escrito, con precio y plazo, antes de que pagues nada.

Conversemos por WhatsApp

El plan más parecido a este proyecto

Negocio

desdeS/ 600

  • Web completa con varias secciones
  • Panel de administración
  • Asistente de WhatsApp con IA (opcional)
  • SEO básico para aparecer en Google
  • Capacitación para que lo manejes tú
  • 3 meses de soporte
Comparar todos los planes

Siguiente proyecto

Clínica Dental Alba

Salud · Clínica dental