Web para huéspedes publicada
Descubre Continuum antes de llegar
El mar, la piedra, la luz y los espacios de la residencia dieron forma a la web. Conectamos el descubrimiento del lugar, la elección de apartamento, el proceso de reserva y la ayuda del conserje de IA. Una experiencia espacial independiente lleva de la axonometría y los planos a las panorámicas. Detrás, el equipo dispone de herramientas propias para contenidos, servicios, fotografías y consultas.
El reto
Ayudar al huésped a imaginar su estancia: elegir un apartamento, explorar el complejo, planificar su tiempo y contactar con el equipo. Para el personal, reunir contenidos, fotografías, servicios, consultas y conocimiento en un sistema que pueda actualizar a diario.
Equipo
Diseñadora del equipo — diseño visual. Andrey — arquitectura, Next.js, módulos propios de Strapi, integraciones y conserje AI.
Dirección visual: mar, piedra y luz
La arquitectura del complejo marcó el diseño: composiciones amplias, una paleta clara y tipografía ligera. Una diseñadora de nuestro equipo creó la dirección visual; Andrey llevó los diseños de Figma a una interfaz responsive y la siguió desarrollando con el equipo.
Paleta de color
#FFFFFF#D2C2B0#FEE8C4#0E1A40Tipografía
Titulares
JULIUS SANS ONE
SEA. SPACE. SERENITY.
Texto e interfaz
Manrope
Un lugar al que volver.
Conocer el lugar antes de viajar
Las fotografías presentan las residencias y la costa. El menú da acceso a apartamentos, servicios y reservas; una API proporciona el tiempo actual. La navegación y las composiciones se adaptan a la pantalla del móvil.
Los materiales cuentan la historia del lugar
Noble Materials presenta detalles arquitectónicos, texturas y acabados. La composición asimétrica combina grandes fotografías y explicaciones breves; en el móvil, los mismos elementos forman un recorrido vertical.
Descansar junto al agua
Fotografía, descripción y reserva se reúnen en una composición serena. En el móvil siguen visibles tanto el lugar como el siguiente paso.
La atmósfera del spa
Las imágenes amplias se alternan con detalles prácticos para presentar el SPA. El equipo actualiza su contenido desde Strapi.
De las fechas a la reserva
El huésped elige apartamento, fechas y número de personas. El calendario muestra disponibilidad y tarifas de Beds24; la tarjeta reúne los datos de estancia antes de solicitar la reserva.
Un conserje AI antes y después de iniciar sesión
Los visitantes consultan apartamentos, servicios y normas. En el área del huésped, el asistente utiliza información autorizada del apartamento y la estancia. La búsqueda en la base de conocimiento, los enlaces a fuentes y los controles de acceso conectan las respuestas con el contenido del complejo.
CONCIERGE AI
Ayuda antes del viaje y durante la estancia
Ayuda a conocer la residencia antes del viaje y a encontrar información útil durante la estancia.
Conserje público
Antes de iniciar sesión
Responde con información aprobada sobre la residencia: normas, servicios y equipamiento. Los enlaces llevan a las fuentes correspondientes en Guidebook.
- Base de conocimientos aprobada
- Respuestas con enlaces a las fuentes
Conserje del huésped
Después de iniciar sesión
Añade a la información general el contexto autorizado del apartamento y la estancia del huésped. Guarda los chats en la cuenta para retomar la conversación.
- Contexto autorizado para este huésped
- Historial de chats guardado
La ayuda personal está disponible en el área de huésped cuando el modo está habilitado y la cuenta tiene un apartamento o una estancia vinculados. Los demás visitantes consultan la información pública del complejo.
Pregunta
El visitante pregunta sobre la llegada, las normas, los servicios o el equipamiento.
Acceso y conocimientos
El conserje utiliza contenido aprobado y el contexto autorizado para el huésped.
Respuesta y siguiente paso
Muestra la respuesta y sus fuentes. El equipo confirma reservas, precios y solicitudes.
Facilitar el trabajo con las consultas
Guest Manager reúne las consultas de los huéspedes y la información de estancia relacionada. Desarrollamos formularios y un espacio en Strapi para que el equipo trabaje con esos datos en un mismo lugar.
Mantener los servicios al día
El equipo gestiona servicios, descripciones y publicación desde un módulo propio. Cada servicio dispone de una vista completa para prepararlo antes de publicarlo en la web.
Un lugar para cada fotografía
Subir una fotografía es solo el primer paso. El equipo la asigna al espacio o servicio adecuado y elige su orden y presentación. Un plugin propio adapta la biblioteca de Strapi al trabajo editorial del complejo.
Explorar la residencia antes del paseo
Conectamos el plano arquitectónico con el recorrido virtual para mostrar cómo se relacionan la residencia, el jardín y la piscina. Se puede contemplar el edificio completo y después mirar dentro de Vicino, M1 o M2. El plano del apartamento elegido se abre dentro de la arquitectura que lo rodea, mostrando su lugar en el complejo.
Convertimos los materiales arquitectónicos del complejo en un plano interactivo para el recorrido virtual.
Del plano a las vistas de la piscina
Elige Infinity Pool en el mapa y mira alrededor en la panorámica real. El minimapa mantiene la referencia al lugar elegido. En el prototipo completo, el huésped cambia de vista y vuelve al plano; el móvil conserva las mismas referencias.
Arrastra hacia los lados para mirar alrededor. También puedes usar las flechas y el zoom.
Aquí se muestra una escena del prototipo del recorrido virtual: Infinity Pool.
De elegir un apartamento a preparar la estancia
- 01
Descubrir el lugar y elegir apartamento
- 02
Consultar fechas y enviar una solicitud
- 03
Preparar la estancia y los servicios
- 04
Gestionar el contenido y las operaciones
El equipo actualiza los apartamentos, las fotografías y los servicios en Strapi. La web para huéspedes y las herramientas de gestión utilizan ese contenido.
Una diseñadora del equipo creó la dirección visual. Andrey desarrolló la web en Next.js, el backend en Strapi, las herramientas de imágenes, servicios y huéspedes, la API meteorológica y el proceso de reserva con Beds24. También desarrolló el conserje AI: búsqueda en la base de conocimiento para visitantes y un modo de huésped con contexto autorizado del apartamento o la estancia.
El resultado
Los huéspedes exploran apartamentos y servicios desde el ordenador o el móvil y reciben respuestas del conserje con enlaces a los materiales del complejo. El área del huésped añade ayuda basada en información autorizada del apartamento o la estancia. El equipo actualiza páginas, imágenes, servicios y la base de conocimiento mediante herramientas propias de Strapi.
Detrás de la web de huéspedes
Los módulos propios de Strapi se adaptan al trabajo del complejo. El equipo actualiza un servicio o una imagen una vez y la web utiliza el contenido publicado donde corresponde.
Alojamiento y servicios
El equipo relaciona apartamentos, habitaciones, servicios, fotografías y artículos de Guidebook. Organizamos estas relaciones en módulos de Strapi para que el editor trabaje con los contenidos del complejo y la web los muestre donde corresponden.
Media Manager
Asignación, orden, encuadre, revisión y publicación por contexto de propiedad y habitación.
Beds & Booking · Guest Manager
El proceso de reserva con Beds24 conecta fechas y datos de estancia. Guest Manager ofrece un espacio específico para consultas e información del huésped. Los canales externos y pagos dependen de la configuración de integración del complejo.
Base de conocimiento y búsqueda
El conserje busca información en las páginas publicadas, Guidebook y las descripciones de los apartamentos. El equipo actualiza los contenidos en Strapi; la búsqueda encuentra los fragmentos pertinentes y las respuestas sobre el complejo se comprueban con esas fuentes.
Acceso y contexto del huésped
El servidor determina a qué apartamento o estancia puede acceder cada huésped. La información protegida queda fuera de la búsqueda pública. El modo de huésped requiere acceso habilitado y un apartamento o estancia vinculados; en caso contrario sigue disponible el asistente público.
Un Guidebook útil
Información contextual, servicios y un widget meteorológico conectado a una API.
Recorrer el complejo
El huésped puede elegir un lugar en el plano, abrir su panorámica, mirar alrededor y volver al mapa. Los planos de los apartamentos se abren por separado, dentro del resto del edificio.