Marca y Personalización
HiLucy utiliza tres sistemas de diseño creados a medida, cada uno optimizado para una audiencia diferente. El portal del huésped aplica automáticamente el lenguaje visual correcto según el contexto, para que tus huéspedes siempre experimenten una interfaz pulida y profesional.
Tres Sistemas de Diseño
Portal del Huésped -- Liquid Glass
El sistema de diseño orientado al huésped utilizado en el Portal del Huésped y el chat con IA en app.hilucy.com.
- Color primario: Azul messenger (#2563EB)
- Color de acento: Verde online (#059669)
- Tipografía: Georgia para títulos, Inter para cuerpo de texto
- Estilo: Superficies de vidrio fluido, elementos translúcidos, efectos de desenfoque animados y reflejos iridiscentes
- Ambiente: Boutique, cálido, premium -- diseñado para sentirse como una app de concierge de alta gama
Esto es lo que ven tus huéspedes. El diseño prioriza la legibilidad mobile-first, mínima carga cognitiva y sensación de confianza.
Panel de Operaciones -- Alta Densidad de Datos
El sistema de diseño orientado al administrador utilizado en el dashboard del personal.
- Color primario: Azul profundo (#1E40AF)
- Color de acento: Ámbar (#D97706)
- Tipografía: Fira Code (monospace) para títulos, Fira Sans para cuerpo
- Estilo: Tablas de datos densas, gráficos, tarjetas KPI, padding mínimo, diseños en cuadrícula
- Ambiente: Analítico, preciso, técnico -- construido para la eficiencia del personal
Esto alimenta el panel de administración donde tu equipo gestiona reservas, tareas y analíticas.
Marketing -- Vibrante y en Bloques
El sistema de diseño público utilizado en hilucy.com y páginas de marketing.
- Color primario: Teal (#0D9488)
- Color de acento: Naranja (#EA580C)
- Tipografía: Inter para títulos y cuerpo
- Estilo: Bloques geométricos audaces, alto contraste, imágenes duotono
- Ambiente: Limpio, funcional, enfocado en conversión
Esto impulsa el embudo de registro y las páginas públicas donde los propietarios se registran.
Cómo se Adapta el Portal del Huésped
El Portal del Huésped adapta su presentación según el contexto del listado:
- Marca de la propiedad -- el nombre y detalles de tu propiedad se muestran en todo el portal
- Contenido específico del listado -- listas de amenidades, reglas de la casa, recomendaciones locales e instrucciones de llegada se obtienen de la base de conocimiento de tu propiedad
- Personalidad de la IA -- LucyAI referencia los detalles específicos de tu propiedad al chatear con los huéspedes
Sobrescrituras de Diseño por Página
Ciertas páginas dentro del portal tienen tratamientos visuales especializados:
- Chat con IA -- diseño estrecho de 800px, soporte para modo oscuro/claro, mobile-first con animaciones mínimas para un flujo de conversación rápido
- Flujo de Llegada -- asistente basado en pasos con indicadores de progreso y transiciones de color (rojo a naranja a verde) a medida que el huésped completa cada etapa
- Panel del Manager -- paleta oscura/neutral con colores de estado (verde/ámbar/rojo) y animaciones de conteo para tarjetas KPI
Estándares de Accesibilidad
Los tres sistemas de diseño siguen una lista de verificación de accesibilidad compartida:
- Biblioteca de iconos Lucide con tamaño consistente
- Texto alternativo en todas las imágenes
- Estados de hover y focus en elementos interactivos
- Ratios de contraste WCAG para todo el texto
- Navegación completa por teclado
- Soporte de movimiento reducido para usuarios que lo prefieran
- Puntos de quiebre responsivos en 375px, 768px, 1024px y 1440px
- Sin scroll horizontal en móvil
Opciones de Personalización
La personalización a nivel de propiedad está disponible para el portal del huésped:
- Modo de tema -- los huéspedes pueden alternar entre apariencia clara y oscura en la configuración del portal
- Identidad de la propiedad -- el nombre, ubicación y detalles del listado se muestran automáticamente
- Base de conocimiento -- el contenido que Lucy referencia está completamente controlado por los datos de tu propiedad
Para una personalización de marca más profunda (paletas de colores personalizadas, ubicación del logo o marca blanca), contacta al equipo de HiLucy para discutir tus requerimientos.