Español

Demo

Aurora: una experiencia web para restaurante

Una web que deja sentir el ambiente de un restaurante antes de reservar mesa.

Tipo
Experiencia Inmersiva · Restaurante
Estado
Demo
Rol
Diseño, desarrollo y publicación: proyecto completo
Tecnología
Next.js 16 · React 19 · Tailwind v4
Portada de Aurora: vídeo del local, navegación superior (Menú, Nosotros, Galería, Reservar) y un carrusel de cinco escenas con el acceso «Descubrir».

Qué se planteó

Aurora es una demo del estudio, no un encargo de un restaurante. Nació de algo que vemos a menudo: las webs de restaurante suelen ser planas y no transmiten cómo se siente estar allí. Esta tenía que comunicar atmósfera y ritmo sin esconder la información esencial.

DARVIA se ocupó del proyecto completo: diseño, desarrollo y publicación.

Las decisiones detrás de la experiencia

Ambiente antes que carta

La portada presenta el local con vídeo, fotografía y un recorrido guiado por el scroll y por un carrusel de escenas. El visitante entra primero en la atmósfera del restaurante y después llega a la información: la sección «Esencia» presenta tres formas de sentarse a la mesa: menú degustación, mesa del chef y maridaje de rones y vinos.

Narrativa sin esconder la navegación

El recorrido narrativo convive con una navegación clara: menú superior siempre visible, un índice lateral de rombos para saltar entre secciones y páginas propias para la carta, la galería, el equipo, las experiencias y los eventos. La experiencia no obliga a recorrer todo para llegar a lo esencial.

La misma experiencia en el móvil

En móvil la portada conserva el vídeo, el carrusel y la navegación a la vista; las páginas interiores pasan a un menú desplegable sin perder contenido.

Qué se construyó y qué demuestra

Puedes comprobar en la demo

la portada con vídeo y carrusel; las secciones «Esencia» y «Nuestras experiencias»; las páginas La Carta, Nosotros, Galería (con filtros por espacio, ambiente, cocina y equipo), Experiencias y Eventos; y un flujo de reserva en pantalla con fecha, hora y número de personas.

Lo que la demo no hace

la reserva es solo interfaz. Ninguna fecha, hora o dato que introduzcas se envía a ningún sistema. Los precios, los platos, la dirección, los horarios y los datos de contacto que aparecen son contenido ficticio de la demo.

La tecnología detrás del proyecto

Aurora está construida con Next.js, React, Tailwind CSS, GSAP y Lenis. La decisión principal fue aislar el scroll narrativo en componentes del cliente: así el desplazamiento suave y las animaciones de GSAP conviven con el enrutado de Next sin que el resto de la página pierda el renderizado en servidor ni su rastreabilidad.

  • Next.js 16
  • React 19
  • Tailwind v4
  • GSAP ScrollTrigger
  • Lenis

¿Quieres algo así para tu negocio?

Más proyectos

Seguir explorandoArca IlaryPágina para visibilizar un servicio de catering y atraer nuevos consumidores.