Hotel Logístico Sitio para cliente
La puerta de entrada de un hotel, directo a WhatsApp
Una landing sin frameworks para un hotel a diez minutos de El Rodadero: video aéreo, carruseles de habitaciones, galería y un formulario de reserva que se convierte en un mensaje de WhatsApp.
- HTML, CSS y JavaScript escritos a mano — sin framework ni build — en Vercel con el dominio propio del hotel.
- Carruseles infinitos de habitaciones con slides clonados, swipe táctil y una guarda contra gestos simultáneos.
- Una sola constante controla todos los enlaces de WhatsApp y el formulario arma el mensaje: no hace falta backend.
El encargo
Hotel Logístico es un hotel pequeño en Bureche, Santa Marta, cerca de El Rodadero, el centro histórico y el aeropuerto. Las reservas se hacen por WhatsApp, no con un motor de reservas, así que el sitio tenía un trabajo: dar ganas de quedarse y empezar la conversación.
El encargo era explícito: minimalista, elegante, boutique; sin Bootstrap, sin librerías; primero móvil en cada cambio.
Lo que construí
- Inicio con video aéreo y una sola llamada a la acción, obvia
- Cuatro tipos de habitación con carrusel de fotos y etiquetas de servicios
- Servicios, adelanto de la piscina y galería con lightbox navegable
- Reseñas de huéspedes, mapa con tiempos de desplazamiento y preguntas frecuentes a dos columnas
- Formulario de contacto validado que abre WhatsApp con el mensaje listo
- robots.txt y sitemap.xml para los buscadores
Por dentro
Carruseles que no tartamudean
Un loop infinito con el primer y el último slide clonados. El salto de regreso usa un temporizador en lugar de transitionend — poco fiable fuera de pantalla — con una bandera que evita swipes simultáneos.
Una sola fuente de verdad
El número de WhatsApp se define una vez; al cargar, un script reescribe todos los enlaces wa.me de la página.
URLs limpias al navegar
La navegación usa atributos data y hace scroll con el desfase de la barra, así la dirección nunca se llena de hashes.
Tipografía que vende la habitación
Cormorant Garamond para títulos, Inter para texto y un solo acento dorado sobre neutros cálidos.
Galería
Dónde está hoy
En línea en hotellogistico.com, servido por Vercel con HTTPS.