Donde el café de especialidad
se vive sin prisa,
entre cafetales.
Daily Nook Coffee · The Nook Grounds — un resort para amantes del café de especialidad ambientado en las haciendas cafeteras de Colombia.
- Contexto
- Proyecto final · Curso UX/UI (La Hauss)
- Año
- 2026
- Rol
- UX/UI · Investigación · Prototipado
- Herramientas
- Figma
I
El
Concepto
“El reto: convertir una pasión —el café de especialidad— en un lugar donde quedarse a vivirla.”
Daily Nook Coffee es mi proyecto final del Curso Especialista en UX/UI de La Hauss. El encargo: diseñar el sitio de un complejo pensado para ser vivido, con estancias por niveles, un proceso de reserva sencillo y un concepto que quede claro desde el primer scroll.
Elegí orientarlo a quienes el café no les sabe a rutina, sino a ritual. Así surgió The Nook Grounds: una hacienda cafetera centenaria de Colombia reinventada como santuario de slow living, levantada entre cafetales, donde el huésped no solo se aloja —cata, aprende y vive el café de especialidad de principio a fin.
Para cumplir con los requisitos del briefing diseñé las vistas obligatorias —cabecera y pie, home, la categoría de tiers, el artículo de la estancia y el checkout de reserva— y las entregué como prototipo navegable en sus tres versiones: móvil, tablet y escritorio, sin obligar al usuario a registrarse para reservar.
II
La Investigación
Antes de diseñar una sola pantalla, dediqué tiempo a entender a quién le hablaba y contra qué competía. Esta fase definió dos proto personas, un benchmark de tres referentes y el mapa de sitio que ordena toda la navegación.
Proto personas
Sofía Cortés
Marketing Manager · 34 años · Madrid
“No quiero café para despertar. Quiero café para parar.”
Perfil
Perfeccionista e introvertida. Valora la estética minimalista, la sostenibilidad y la calidad sobre la cantidad. Su café es el único momento sagrado del día.
Objetivos
Escapar del ruido urbano y la hiperconexión, sentirse cuidada sin ser invadida y disfrutar del café como un placer, no como combustible.
Frustraciones
Hoteles masivos y ruidosos, horarios de desayuno estrictos y las actividades turísticas forzadas con aglomeraciones.
Mateo Gusto
Ingeniero de software · 29 años · Madrid
“Vengo a entender la ciencia detrás de la magia.”
Perfil
Un coffee nerd metódico y autodidacta. Perfecciona su pour-over los fines de semana y conoce la teoría del tueste, pero nunca ha pisado una finca.
Objetivos
Validar su conocimiento con la práctica: tostar su propio café, entender el proceso y hablar con quien cultiva el grano.
Frustraciones
Tours turísticos superficiales, cafés mal extraídos que presumen de especialidad y la falta de transparencia sobre el origen del producto.
Benchmark
01
Finca Rosa Blanca
fincarosablanca.com
A favor
Diseño minimalista y limpio con buen uso del espacio. Identifica con claridad cada tier y su precio, usa migas de pan y filtros, y muestra un resumen de la reserva.
A evitar
El motor de reservas externo rompe la coherencia visual, las migas de pan no son clicables y el calendario no deja claro el estado de cada fecha.
02
Aquiares
aquiares.com
A favor
Hero que comunica rápido quiénes son y qué ofrecen, diseño limpio y el estado de la reserva visible en todo momento. Permite volver al paso anterior.
A evitar
Redirige a una página externa que rompe el flujo, faltan migas de pan, la jerarquía de botones es confusa y no hay información de las habitaciones.
03
Hacienda Venecia
haciendavenecia.com
A favor
CTA relevante desde el inicio, fotos de la estancia, modales con información y las características principales mostradas de forma visual.
A evitar
Formulario de reserva muy pobre y sin motor de reservas, faltan migas de pan, mezcla idiomas y la información de la reserva no permanece visible.
Mapa de sitio
III
El Diseño
Con la investigación clara, construí un sistema visual que respira el origen del café: tonos tierra y verde cafetal, una tipografía editorial con carácter y una iconografía cálida y artesanal.
La guía de estilos reúne color, tipografía e iconos. A partir de ella monté una librería de componentes —navegación, tarjetas, calendario, formularios y los iconos de servicios— para mantener la coherencia de la home al checkout.
Los tiers
Tres packs que escalan según la inmersión en el mundo del café —del silencio absoluto al dominio del oficio—. Cada nivel sube de alojamiento, equipo barista y experiencias, y se puede reservar sin necesidad de registrarse.
Pack Essential
El Ritual de la Pausa
La Casita del Jardín
Desconexión absoluta en una cabaña íntima de adobe: café de filtro que preparas tú mismo (V60) y rituales sensoriales en tu corredor privado.
desde 329,99 € / noche
Pack Premium
La Alquimia del Origen
El Loft del Beneficio
Inmersión sensorial en un loft histórico del antiguo secadero: máquina de espresso, micro-lotes y experiencias guiadas como el Origin Tour y el Sunset Cupping.
desde 559,99 € / noche
Pack Master
El Legado del Maestro
La Casona del Patrón
Maestría total en una suite con chimenea y terraza panorámica: máquina La Marzocco GS3, los cafés más raros y experiencias 100% privadas, incluido tostar tu propio lote.
desde 849,99 € / noche
El checkout
La reserva se resuelve en cuatro pasos, sin obligar al usuario a registrarse y con migas de pan presentes en todo momento para que siempre sepa dónde está y pueda volver atrás. El objetivo: el menor número de fricciones entre el deseo y la reserva.
01
Pack y fechas
El usuario ve el pack seleccionado y puede cambiarlo, elegir las fechas de entrada y salida y el número de huéspedes.
02
Extras
Añade servicios y experiencias adicionales para personalizar la estancia antes de pasar al pago.
03
Pago
Introduce los datos de pago para formalizar la reserva, con el resumen del pedido siempre a la vista.
04
Thank you page
Una página de confirmación cierra el flujo y resume la reserva con todos sus detalles.
Prototipo responsive · móvil, tablet y escritorio
IV
Un prototipo
para vivir el café.
El resultado es un prototipo navegable en Figma en sus tres versiones —móvil, tablet y escritorio—, coherente de la home al pago.
Más allá de las pantallas, este proyecto me obligó a pensar como diseñador de producto: partir de una investigación real, justificar cada decisión con el mapa de sitio y cuidar que la experiencia —igual que una buena taza de café— se disfrute sin prisa. Es el cierre del Curso Especialista en UX/UI de La Hauss y la pieza con la que mejor explico cómo trabajo.