First Class Hotel
← PORTAFOLIO★ CASO 01 — HOTELERÍA BOUTIQUE

First Class Hotel

Una experiencia de reserva tan cuidada como la estadía.

Medellín, CO20258 semanas
★ 01 — RESUMEN DEL PROYECTO

Rediseñamos cómo el huésped llega y reserva

Rediseñamos el sitio institucional y el flujo de reservas de un hotel boutique de Medellín — desde la primera impresión hasta el correo de confirmación. Un sitio bilingüe (ES/EN) con sistema de reservas integrado a Cloudbeds, narrativa fotográfica editorial y un flujo que prioriza la reserva directa sin sentirse comercial. Una sola pieza, una sola voz, un solo equipo.

Sitio web institucionalSistema de reservasUI/UXBranding digitalSEO técnicoHosting + soporte
Quiero algo así →
CLIENTEFirst Class Hotel
INDUSTRIAHotelería boutique
UBICACIÓNMedellín, CO
AÑO2025
DURACIÓN8 semanas
ROLDiseño · Desarrollo · Reservas
firstclasshotelmedellin.com/enVISITAR ↗
★ EL DESAFÍO

Demasiado margen en manos de las OTAs

El hotel dependía de OTAs para el 78% de sus reservas, sacrificando 18% en comisiones. El sitio anterior cargaba en 4.8s, sin sistema propio de reservas, y la fotografía no comunicaba la propuesta boutique.

★ NUESTRA PROPUESTA

Un canal directo que se siente premium

Un motor de reservas propio integrado a Cloudbeds, narrativa fotográfica editorial y un flujo de 3 pasos que prioriza la reserva directa. Velocidad, claridad y una voz cálida — todo desde un mismo equipo.

★ 02 — RESULTADOS
0.0×Reservas directasvs. baseline en 90 días
0%Del total de reservasdirectas, antes 22%
-0%Costo por reservaal reducir comisiones OTA
0.0sTTFB promedioMedellín · Bogotá · Miami
★ — EN PROFUNDIDAD

El trabajo, en detalle

Entender antes de diseñar

Empezamos con dos semanas de descubrimiento: entrevistas con huéspedes recurrentes, conversaciones con recepción y reservas, y una auditoría del sitio anterior y de los canales OTA. Descubrimos que la decisión de reservar directo se tomaba — o se perdía — en los primeros quince segundos.

Un flujo de reserva sin fricción

Rediseñamos el motor de reservas en tres pasos claros — fechas, habitación, confirmación — integrado en tiempo real a Cloudbeds. Reorganizamos el catálogo por experiencia y cuidamos cada microcopia para que reservar directo se sintiera natural, nunca comercial.

Una voz visual con dirección de arte

Dirigimos una nueva sesión fotográfica con foco en luz natural, detalle y calidez, y construimos un sistema visual editorial — tipografía serif para titulares, paleta tierra-bordeaux y un ritmo de página que respira. Evolucionamos la marca sin diluir su esencia.

Construido para durar y mantener

Un stack headless (Next.js + Sanity) que carga en menos de 1.5s y entrega un panel editorial para que el equipo actualice tarifas, disponibilidad y contenido sin desarrolladores. Bilingüe, medible de punta a punta con GA4 y listo para escalar en temporada alta.

★ 03 — CÓMO LO HICIMOS

Cuatro fases, un mismo equipo

01

Investigación

Entrevistas con huéspedes y staff

Mapeamos motivos de elección, fricciones en reserva y momentos de delight de la estadía. Construimos personas reales para guiar cada decisión.

02

Arquitectura + UX

Flujo de reserva en 3 pasos, mobile-first

Wireframes enfocados en disponibilidad → precio → confirmar. El catálogo de habitaciones se reorganizó por experiencia, no por tipo de cama.

03

Diseño + Branding

Sistema visual editorial con voz cálida

Tipografía serif para titulares, paleta tierra-bordeaux y fotografía con dirección de arte. Evolucionamos la marca sin perder su esencia.

04

Desarrollo + lanzamiento

Next.js + Sanity + Cloudbeds

Stack headless y performante, con panel editorial para que el equipo del hotel actualice tarifas, disponibilidad y contenido sin desarrolladores.

★ EN PALABRAS DEL CLIENTE
No solo nos rediseñaron el sitio — replantearon cómo el huésped llega a nosotros. En el primer trimestre, las reservas directas pasaron del 22% al 71% del total.
AV
Alejandro VargasGerente General · First Class Hotel

¿Necesitas una transformación similar?

Construyamos algo que recupere tu margen y crezca contigo. Diagnóstico gratuito, sin compromiso.

Empecemos hoy →
★ — TU PROYECTO

El próximo caso
puede ser el tuyo.

Si tu marca necesita un sitio que mida, evolucione y dure — hablemos. Te respondemos en 24–48 horas.