La casa primero.
Fotografía de archivo, texto editorial y un carrusel de detalles que presenta la casa antes que la tarifa.
Proyectos
UX/UI · Landing page · Plantilla de sitios
Colonia 722 Operado por Ahead
Llega. Descansa. Vive Colonia.
coloniasuites.com
- Cliente
- Colonia 722 · operado por Stays Ahead S.A.S.
- Mi rol
- Diseño UX/UI de la landing y la plantilla
- Estado
- En desarrollo · ambiente de prueba
- Año
- 2026
Trabajo realizado en Opitech para Stays Ahead S.A.S. · © 2026 Stays Ahead S.A.S. Todos los derechos reservados.
Ver el proyectoLa casa
Una mansión del siglo XIX con vida nueva.
Apartaestudios de doble altura a pasos de la Plaza de Bolívar.
Colonia 722 es una casa de estilo republicano y ecléctico en el centro de Bogotá, con patio de luz natural, zonas comunes y cinco restaurantes en la fachada. La landing tenía que contar esa historia y, a la vez, llevar a reservar dentro del ecosistema de Ahead.
coloniasuites.com
El sitio
Contar la casa, sección por sección.
Doble altura, a la vista.
Apartaestudios y zonas comunes con fotos grandes, pestañas por espacio y llamados a reservar en cada bloque.
El centro como valor.
Gastronomía, ubicación y distancias reales para que el huésped se imagine la estadía completa.
coloniasuites.com · la casa
coloniasuites.com · apartaestudios
coloniasuites.com · zonas comunes
coloniasuites.com · gastronomía
Capturas del ambiente de prueba. Se reemplazarán por las del sitio oficial cuando esté publicado.
Tres rondas de diseño
Explorar hasta encontrar el tono.
- v1Primera propuesta · plantilla de marca blanca
- v2Minimal · más aire y fotografía
- v3Tres opciones con esencia Ahead
Ahead en blanco y negro.
La estructura de weareahead.co llevada a blanco y negro: la que más se reconoce como familia Ahead.
La casa como marco.
La foto principal recortada con la silueta del isotipo de Ahead: su firma sin usar su color.
Editorial con foto completa.
La fotografía domina y el texto habla como Ahead. La más sobria, de hotel boutique.
Sistema
Una plantilla para cada edificio aliado.
Cambian el nombre, las fotos y los textos. La unidad con Ahead se queda.
La plantilla “sitios Ahead” reúne logos para distintos fondos, botones, enlaces, buscador para escritorio y móvil, testimonios y el sello “Operado por Ahead”. Para un edificio nuevo se duplican los marcos y se cambia el modo de color; la estructura, el buscador y la banda de reserva directa no cambian.
Trabajo realizado en Opitech para Stays Ahead S.A.S. · © 2026 Stays Ahead S.A.S. Todos los derechos reservados. Colonia 722 y sus fotografías pertenecen a sus titulares.
EL SIGUIENTE PROYECTO
Todo empieza
con un hola.
Cuéntame qué tienes en mente. Revisemos juntos cómo puedo ayudarte, los tiempos y el alcance del proyecto.