Web
En desarrollo

Web cinematográfica para un rooftop de cena y espectáculo en Marrakech

HABIBI Rooftop Experience es un nuevo rooftop de cena y espectáculo en Marrakech, con vistas al Atlas. Diseñamos y desarrollamos su web para que el show se sienta antes de llegar y la reserva esté siempre a un toque.

WebMotionReservas
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech
01
El Desafío

Contar una noche única antes de abrir sus puertas

Habibi une cena, música en directo y artistas en un mismo rooftop. El cliente necesitaba una web de lujo sofisticado, no ostentoso, que pusiera el espectáculo por delante y convirtiera visitas en reservas.

  • Destacar entre las grandes experiencias nocturnas de Marrakech.
  • Hablar a turistas, residentes, hoteles y conserjes.
  • Carta, eventos y agenda que el equipo pueda actualizar.

La web tenía que ser la primera escena del show.

02
Nuestra Estrategia

El show primero, la reserva siempre cerca

Planteamos la web como una secuencia de cine: entrada, concepto, carta, eventos y galería, con la llamada a reservar presente en cada pantalla.

  • Ruta de reserva preparada para SevenRooms.
  • Un canal propio para hoteles y conserjes.
  • La identidad de la marca: Rouge Terre, Orange Vibrant y Turquoise.
  • SEO técnico desde el primer día.

Cada sección empuja hacia la misma acción: reservar mesa.

03
La Solución

Una web a medida con vídeo que responde al scroll

Diseñamos y desarrollamos la web completa, con animación a medida y una versión pensada para el móvil.

  • Hero de vídeo que avanza con el scroll, con versiones para escritorio y móvil.
  • Animación de entrada con la máscara del logo.
  • Carta, agenda de eventos con buscador y filtro por fecha, y galería infinita.
  • «Sunset tonight»: la hora real de la puesta de sol, calculada al momento.
  • Botón flotante en el móvil para reservar, escribir por WhatsApp, llamar o ver cómo llegar.
  • Postal de contacto «Write to Habibi» y kit para conserjes descargable en PDF.
  • Datos estructurados de restaurante y local nocturno, sitemap y metadatos por página.

Pasamos del prototipo, que cargaba 366 imágenes, a un vídeo que se reproduce mientras carga: la home en el móvil bajó de 13 MB a 6,5 MB.

04
El resultado

Una web lista para la apertura

La web está en la recta final de revisión con el cliente y se publicará con la apertura del rooftop. Mientras tanto, habibi-marrakech.com muestra la página de próxima apertura que también diseñamos.

Ficha

Servicios

  • Diseño y desarrollo web
  • Motion design
  • SEO técnico
  • Optimización de rendimiento

Tech stack

HTML/CSS/JSGSAPLenisVercelCloudflare
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi entrada
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi dinner show
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi galeria
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi menu
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi postal
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi footer
Web cinematográfica para un rooftop de cena y espectáculo en Marrakech: habibi movil reserva