GHS
GHS est un hôtel haut de gamme situé au cœur de Brazzaville, qui accueille des voyageurs d’affaires, des organisateurs d’événements et des touristes internationaux. J’ai été missionné en freelance pour refondre entièrement son site web : audit de l’existant, définition des besoins des différentes cibles, restructuration de l’architecture de l’information et conception de maquettes mobile-first.Initialement, je devais aussi m’occuper de l’intégration, mais la mission s’est finalement recentrée sur la partie UX/UI et le prototypage haute fidélité.
Quand j’arrive sur le projet, le site de GHS existe déjà… mais il a vieilli. L’interface est datée, l’expérience mobile fragile, et le parcours de réservation redirige vers une autre plateforme dès qu’on clique sur "réserver".
L’hôtel, lui, vise un positionnement premium, avec une clientèle connectée et exigeante : des cadres en déplacement, des équipes qui organisent des séminaires, des touristes qui comparent tout en ligne avant de réserver.
Mon rôle a été de reprendre les choses à la racine : comprendre comment l’hôtel veut se présenter, ce que les utilisateurs attendent, et concevoir une expérience cohérente avec ce niveau de standing. J’ai travaillé principalement sur Figma, en partant du mobile avant de décliner vers le desktop. Ce n’était pas un relooking mais une vraie refonte.
Premier constat : un décalage flagrant entre l’expérience sur place et celle perçue en ligne. L’hôtel se veut haut de gamme, mais son site renvoie une image générique, peu rassurante.
Le design manque de personnalité, la hiérarchie des contenus est floue, la navigation peu fluide, surtout sur mobile. Et le processus de réservation perd en crédibilité puisqu’il sort du site à l’étape décisive.
En face, les profils utilisateurs sont très différents : un voyageur d’affaires veut aller vite et trouver les infos essentielles en un coup d'œil. Un organisateur d’événement cherche des détails précis et un contact. Un touriste veut se projeter dans une expérience et comprendre ce que la ville peut lui offrir.
Le site ne répondait vraiment bien à aucun de ces besoins, ce qui posait un double risque : perdre des réservations directes et ne pas incarner la valeur réelle de l’hôtel.
J’ai commencé par un audit complet : structure, contenus, navigation, responsive, ton éditorial. J’ai ensuite croisé ça avec des benchmarks du secteur : hôtels haut de gamme, sites concurrents à Brazzaville, et références internationales.Trois grands profils cibles ont émergé, avec des attentes très claires. Sur cette base, j’ai restructuré l’architecture du site avec des entrées explicites : accueil, réservation, chambres & suites, restauration, événements & séminaires, découverte de Brazzaville, vision du groupe, actualités, contact.
L’idée était d’éviter les sous-menus compliqués et de rendre chaque parcours fluide. Une fois la structure validée, j’ai réalisé des wireframes mobile-first pour poser l’ordre des informations, placer les CTA de réservation au bon endroit, puis j’ai enchaîné avec les maquettes haute fidélité. J’ai notamment conçu les pages Accueil, Vision & Expansion, Nos actualités, Découvrir Brazzaville et Besoin d’aide, avec à chaque fois une même question en tête : est-ce que quelqu’un qui ne connaît pas l’hôtel comprend vite ce qu’on lui propose, et sait ce qu’il peut faire ensuite ?
L’expérience démarre avec un accueil très visuel : un hero plein écran, une image forte, un ton clair qui assume le positionnement premium. Le menu reste discret pour laisser toute la place au visuel, mais le bouton "Réserver" est bien visible dès le départ et reste accessible tout au long du parcours.
Dès qu’on commence à scroller, le header évolue : il gagne en lisibilité, le fond devient opaque, les infos clés ressortent davantage, ce qui renforce la navigation — surtout sur mobile.
Pour les voyageurs d’affaires, j’ai pensé un trajet rapide : module de réservation accessible dès l’accueil, infos essentielles visibles immédiatement, peu de scroll, peu de friction.
Pour les besoins événementiels, une section dédiée met en avant les salles, leurs capacités, les équipements, et un formulaire spécifique pour les demandes de groupe. L’objectif : permettre à un organisateur de savoir très vite si le lieu peut correspondre, et de poser sa demande sans se perdre dans le site.
Pour les touristes, la page "Découvrir Brazzaville" met en valeur la ville, l’environnement de l’hôtel, et l’expérience locale. Le tout consultable en français et en anglais, avec un switch de langue dès le header.
La navigation repose sur un menu latéral (ou burger), clair et constant, avec accès direct aux chambres, à la restauration, aux événements, à la découverte, à la vision du groupe, à la galerie, aux actualités, au contact… et bien sûr, à la réservation.
À la fin de la mission, j’ai livré un set complet de maquettes haute fidélité, accompagné d’une structure claire, prête à être intégrée dans un CMS ou confiée à une équipe de dev.
Le commanditaire a particulièrement apprécié le repositionnement visuel, bien plus en phase avec l’image souhaitée, ainsi que la clarté des parcours, notamment pour la réservation et la partie événements.
Même si le site n’est pas encore en production, cette refonte pose des bases solides : les pages clés sont définies, les besoins bien hiérarchisés, et l’hôtel dispose enfin d’une vision cohérente de son écosystème digital.
Ce projet m’a permis de conduire une vraie refonte UX dans un contexte client concret : repartir d’un existant imparfait, écouter les attentes, analyser les points de friction, et construire une expérience alignée avec la promesse du lieu.
Ça m’a aussi appris à mieux faire cohabiter plusieurs parcours sur un même site (business, événementiel, tourisme), à prioriser les besoins côté mobile, et à lier les enjeux business aux choix de design.
Avec du recul, j’aurais aimé aller plus loin sur le contenu éditorial et anticiper plus tôt les contraintes d’intégration du moteur de réservation. Mais c’est un projet important dans mon parcours, qui m’a permis de creuser l’expérience utilisateur de A à Z, sur un sujet très concret.