Grand Hôtel Les Pyrénées : refonte UX et UI d'un hôtel thermal 4 étoiles
Le contexte
Le Grand Hôtel Les Pyrénées est un hôtel thermal 4 étoiles de Molitg-les-Bains, dans les Pyrénées-Orientales, à 600 mètres d'altitude face au Canigou. Il appartient à la Chaîne Thermale du Soleil, réseau d'une vingtaine d'hôtels thermaux, et partage le site de Molitg avec le Château de Riell, 5 étoiles Relais & Châteaux.
Une même maison, deux univers : Le Grand Hôtel, architecture des années 1950, et Le Château, folie du XIXe siècle, autour de sources thermales naturelles à 36 °C. L'offre est large : chambres et suites, thermes et spa, deux tables, activités de plein air, réunions et évènements, séjours en famille.
Le problème
Le site était vieillissant et ne portait plus l'image d'un 4 étoiles. Deux points bloquaient surtout : un parcours utilisateur devenu trop complexe à mesure que l'offre s'était étoffée, et un processus de réservation qui n'était plus aligné sur les outils de l'établissement. Le projet s'inscrivait aussi dans un changement de marque, l'ancien Grand Hôtel de Molitg devenant Grand Hôtel Les Pyrénées sous un nouveau domaine.
Ma mission : reprendre la direction artistique et l'UX de bout en bout, concevoir toutes les pages, puis livrer une structure intégrée propre aux équipes de développement.
Ce que j'ai fait, concrètement
UX et parcours
- Refonte de l'arborescence et de la navigation : Séjourner, Les Thermes, Les Tables & Bars, Activités, Offres, Réunions & Évènements, Actualités, Contact
- Parcours de réservation repensé pour s'intégrer aux outils en place de l'hôtel
- Menu plein écran sur desktop et menu dédié sur mobile, pour absorber une offre dense sans perdre l'utilisateur
Direction artistique et UI
- Direction artistique au niveau d'un 4 étoiles : éditorial, photographie pleine largeur, hero en vidéo de fond
- Mise en valeur des deux univers de la maison (Le Grand Hôtel années 50 et Le Château XIXe) et du cadre thermal et montagnard
- Fondations Figma : couleurs tokenisées en 2 modes clair et sombre (15 variables), 36 styles de texte, jeu d'icônes en icon-font
Conception Figma de toutes les pages
- 12 gabarits conçus : accueil, chambres & suites, détail d'une chambre, Les Thermes, activités, tables & bars, offres, réunions & évènements, actualités, article, contact, mentions légales
- Déclinés desktop et mobile, soit 24 maquettes de pages
- Bibliothèque de composants Client-First : navbar, menu, footer, boutons, champ de formulaire, cartes chambres, slider, vignettes d'actualités, grille Instagram, popin
- Assets de publication : favicon, webclip, image Open Graph
Intégration Webflow et handoff
- Structure de l'ensemble des pages intégrée sur Webflow en pages statiques, méthode Client-First
- Sources HTML/CSS exportées et livrées aux équipes de développement internes
- Les développeurs ont branché leurs modules sur cette base (réservation des chambres, réservation des tables) et assuré la mise en production
- Maquettes livrées en français, traductions anglais et espagnol gérées côté production
Le travail en images
Le résultat
Le site est en production sur grandhotelpyrenees.com. Mon périmètre, de la direction artistique à la structure intégrée livrée en HTML/CSS, a servi de base à la mise en ligne par les équipes techniques du groupe, qui y ont raccordé les moteurs de réservation et les déclinaisons multilingues.
Voir le projet en ligneRetour à l'accueil