Identité Visuelle et Personnalisation
HiLucy utilise trois systèmes de design sur mesure, chacun optimisé pour un public différent. Le portail client applique automatiquement le bon langage visuel selon le contexte, pour que vos clients bénéficient toujours d'une interface soignée et professionnelle.
Trois Systèmes de Design
Portail Client -- Liquid Glass
Le système de design orienté client utilisé dans le Portail Client et le chat IA sur app.hilucy.com.
- Couleur primaire : Bleu messenger (#2563EB)
- Couleur d'accent : Vert online (#059669)
- Typographie : Georgia pour les titres, Inter pour le corps de texte
- Style : Surfaces de verre fluide, éléments translucides, effets de flou animés et reflets irisés
- Ambiance : Boutique, chaleureuse, premium -- conçue pour ressembler à une app de conciergerie haut de gamme
C'est ce que voient vos clients. Le design privilégie la lisibilité mobile-first, une charge cognitive minimale et un sentiment de confiance.
Tableau de Bord Opérationnel -- Haute Densité de Données
Le système de design orienté administrateur utilisé dans le tableau de bord du personnel.
- Couleur primaire : Bleu profond (#1E40AF)
- Couleur d'accent : Ambre (#D97706)
- Typographie : Fira Code (monospace) pour les titres, Fira Sans pour le corps
- Style : Tableaux de données denses, graphiques, cartes KPI, padding minimal, mises en page en grille
- Ambiance : Analytique, précis, technique -- conçu pour l'efficacité du personnel
C'est ce qui alimente le tableau de bord administrateur où votre équipe gère les réservations, tâches et analyses.
Marketing -- Vibrant et en Blocs
Le système de design public utilisé sur hilucy.com et les pages marketing.
- Couleur primaire : Teal (#0D9488)
- Couleur d'accent : Orange (#EA580C)
- Typographie : Inter pour les titres et le corps
- Style : Blocs géométriques audacieux, contraste élevé, images bichromie
- Ambiance : Épuré, fonctionnel, orienté conversion
C'est ce qui anime le tunnel d'inscription et les pages publiques où les propriétaires s'inscrivent.
Comment le Portail Client s'Adapte
Le Portail Client adapte sa présentation selon le contexte de l'annonce :
- Identité de la propriété -- le nom et les détails de votre propriété sont affichés dans tout le portail
- Contenu spécifique à l'annonce -- listes d'équipements, règlement intérieur, recommandations locales et instructions d'arrivée proviennent de la base de connaissances de votre propriété
- Personnalité de l'IA -- LucyAI fait référence aux détails spécifiques de votre propriété lors des discussions avec les clients
Personnalisations par Page
Certaines pages du portail ont des traitements visuels spécialisés :
- Chat IA -- mise en page étroite 800px, support mode sombre/clair, mobile-first avec animations minimales pour un flux de conversation rapide
- Parcours d'Arrivée -- assistant par étapes avec indicateurs de progression et transitions de couleurs (rouge vers orange vers vert) à mesure que le client complète chaque étape
- Tableau de Bord Manager -- palette sombre/neutre avec couleurs de statut (vert/ambre/rouge) et animations de compteur pour les cartes KPI
Standards d'Accessibilité
Les trois systèmes de design suivent une liste de contrôle d'accessibilité partagée :
- Bibliothèque d'icônes Lucide avec dimensionnement cohérent
- Texte alternatif sur toutes les images
- États de survol et de focus sur les éléments interactifs
- Ratios de contraste WCAG pour tout le texte
- Navigation clavier complète
- Support du mouvement réduit pour les utilisateurs qui le préfèrent
- Points de rupture responsifs à 375px, 768px, 1024px et 1440px
- Pas de défilement horizontal sur mobile
Options de Personnalisation
La personnalisation au niveau de la propriété est disponible pour le portail client :
- Mode de thème -- les clients peuvent basculer entre apparence claire et sombre dans les paramètres du portail
- Identité de la propriété -- le nom, l'emplacement et les détails de l'annonce sont affichés automatiquement
- Base de connaissances -- le contenu référencé par Lucy est entièrement contrôlé par les données de votre propriété
Pour une personnalisation de marque plus poussée (palettes de couleurs personnalisées, placement du logo ou marque blanche), contactez l'équipe HiLucy pour discuter de vos besoins.