Studios XeniaPosadela
Hotel boutique
Un arco de entrada y una estrella: llegar de noche a un lugar que te espera.
Tipografías: Libre Caslon Text · Karla
El encargo
Un hotel boutique vende una llegada, no una cama. El arco con estrella cuenta esa llegada de noche, y la web muestra cada habitación por separado, con reserva directa para no depender solo de las plataformas.
La marca aplicada
Ficha del proyecto
| Rubro | Hotel boutique · Comercio y estilo de vida |
|---|---|
| Promesa | Una casa de piedra convertida en hotel. |
| Lo que destaca | Desayuno de la casa · Patio interior · Reserva directa |
| Llamado a la acción | «Reservar habitación» |
| Sitio | Web corporativa con el titular «Doce habitaciones, ninguna igual» |
| Servicios que muestra | Identidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software |
| Contraste medido | Texto 15,9:1 · botón 4,8:1 (el mínimo de WCAG es 4,5:1) |
Sitio web · Web corporativa
Doce habitaciones, ninguna igual
El demo es una página real, escrita a mano y publicada en este mismo sitio. Puedes abrirla, inspeccionarla y ver cómo responde en tu teléfono.
- 5,0 KB HTML y CSS
- 0 librerías de JavaScript
- 5 secciones
Cómo está construido
HTML semántico y CSS con variables de marca. Cambiar la paleta es cambiar cuatro líneas:
:root{
--fondo:#f5f0e6;
--tinta:#14161a;
--acento:#a74f35;
--tinta-boton:#f5f0e6;
--oscuro:#14161a;
--sobre-foto:#ffffff;
--titulo:'Libre Caslon Text',Georgia,serif;
--letra:'Karla',system-ui,sans-serif;
--radio:6px;
}El botón principal lleva al cliente a un solo siguiente paso:
App o software
App de huéspedes con servicio a la habitación y guías locales.
Una pantalla para quien usa el servicio y otra para quien lo opera, con el mismo sistema visual de la marca.
Automatización
Qué pasa cuando llega un cliente
- Alguien pide hora por WhatsApp o desde la web
- El agente hace las preguntas y ofrece horarios libres
- La cita entra al calendario con recordatorio
- Si no confirma, se le escribe de nuevo y se libera el cupo
¿Tienes un negocio de este rubro? Mira qué necesita tu web.
Cuéntanos qué vendes y dónde se te traba.
Te respondemos con lo que haríamos, cuánto cuesta y cuánto tarda.