01 / Logo
JH / LOADING
CASE 02 / Hospitalité · Direction artistique · UX/UI
Terres de Gaalon
J’ai transformé une boutique de locations en expérience de domaine.
SCOPE / OWNERSHIP
J’ai transformé le site marchand des Terres de Gaalon en une expérience éditoriale centrée sur le domaine, avec une direction artistique sobre et une arrivée cinématographique portée par la vidéo.
- Rôle
- Direction créative, UX/UI, architecture de contenu, direction de la vidéo générée par IA et intégration front-end.
- Périmètre
- Direction artistique, moodboard, identité web, homepage, cinq demeures, événements privés, journal et demande d’accès.
- Contexte
- Projet mené de bout en bout, de la direction créative à l’intégration front-end.
01 / Le défi
Faire ressentir le lieu sans reproduire un catalogue de locations.
02 / Mon approche
J’ai séparé le séjour des événements privés, défini un langage visuel commun et organisé les contenus autour du lieu, des demeures et de la demande d’accès. La hero donne le ton dès l’entrée, puis chaque section prolonge ce récit.
03 / Identité visuelle
Identité visuelle
J’ai conservé le logo officiel et resserré le système autour de trois tons : ivoire chaud, sauge et vert profond. Newsreader donne une présence éditoriale aux grands titres, tandis que DM Sans structure les textes courants.
02 / Palette
Ivoire
#EBEADESauge
#C1C9B9Vert profond
#32443104 / CONCEPTION
Une expérience construite autour du lieu
Chaque choix prolonge la même intention : révéler le domaine progressivement, de la première arrivée jusqu’au détail des demeures.
POINT DE DÉPART
Passer du catalogue à l’expérience de domaine
Le site public historique fonctionne comme une boutique Shopify : image fixe, bouton Book now, recherche, compte, panier et six propriétés avec des prix publics. La refonte replace le domaine, son histoire et ses usages au centre de l’expérience.
- Conserver le logo officiel, les photographies et la présence du territoire.
- Remplacer la logique catalogue par deux entrées : séjour et événements privés.
- Faire de la demande d’accès l’action principale, sans panier ni achat public.
DIRECTION ARTISTIQUE
Réduire le système pour laisser parler le lieu
J’ai conservé le logo fourni sans le redessiner. Les images du domaine ont servi de matière au moodboard : pierre claire, végétation, table dressée et territoire. La version web se resserre autour de trois tons, avec Newsreader pour les grands titres et DM Sans pour le texte courant.
- Ivoire chaud #EBEADE pour les surfaces.
- Sauge #C1C9B9 pour les respirations et les repères.
- Vert profond #324431 pour le contraste et la navigation.
SIGNATURE CINÉMATIQUE
Faire de l’arrivée un moment de marque
La hero repose sur une séquence générée par IA puis travaillée comme un plan d’ouverture. La caméra avance vers la demeure, s’arrête sur une image exacte et laisse apparaître la nuit sans rompre le cadrage.
Une seule lecture, un arrêt sur image et un raccord continu du jour à la nuit.
PARCOURS
Orienter sans casser l’immersion
Le séjour et les événements privés deviennent deux portes d’entrée claires. Les demeures, le territoire et le journal enrichissent ensuite la découverte du domaine avant de mener vers la demande d’accès.
- Choisir entre séjourner et organiser un événement privé dès la homepage.
- Explorer chaque demeure comme un lieu singulier.
- Découvrir le territoire et le journal sans quitter le récit.
- Terminer par une demande d’accès, sans panier ni prix public.
05 / AVANT ET APRÈS
Deux modèles pour un même domaine
Le comparatif ne porte pas seulement sur le style. Il montre le passage d’une boutique de locations à un récit de marque organisé autour du séjour, des événements privés et de la demande d’accès.
Site actuellement en ligne
lesterresdegaalon.com- Hero statique et bouton Book now.
- Navigation Shopify avec recherche, compte et panier.
- Six propriétés présentées avec des prix publics.
Ma proposition
terres-de-gaalon-v0.vercel.app
- Séquence vidéo puis passage progressif du jour à la nuit.
- Deux parcours : séjour et événements privés.
- Cinq demeures détaillées et une demande d’accès comme point d’aboutissement.
06 / ARBORESCENCE
Un récit qui mène vers la demande d’accès
L’arborescence suit la manière dont on découvre le domaine : comprendre le lieu, choisir une intention, explorer une demeure, puis entrer en relation.
Arborescence éditoriale
00
Accueil
- 01
Le domaine
- Histoire
- L’expérience
- Le territoire
- 02
Séjour
- Le Presbytère
- Le Pressoir
- La Mamounière
- La Cornière
- Le Jardin
- 03
Événements privés
- 04
Journal
- 05
Demander l’accès
Progression du récit
- 01
Découvrir
Entrer par le domaine, son histoire et son territoire.
- 02
Choisir
S’orienter vers un séjour ou un événement privé.
- 03
Explorer
Entrer dans le récit propre à chaque demeure.
- 04
Demander l’accès
Passer de la découverte à une prise de contact directe.
07 / Décisions de design
Décisions de design
01
Conserver l’identité officielle
Le logo fourni est utilisé sans redessin. Le système web se concentre sur l’ivoire, la sauge et le vert profond, avec Newsreader et DM Sans pour assurer la continuité éditoriale.
02
Traiter la hero comme une séquence
La vidéo ne boucle pas. Elle avance vers la demeure, s’arrête sur sa dernière image puis laisse apparaître une version nocturne du même plan dans un raccord continu.
03
Faire de la demande d’accès l’aboutissement du parcours
Le panier et la réservation immédiate disparaissent. Le site installe le lieu, aide à choisir entre séjour et événement privé, puis mène vers une prise de contact cohérente avec le positionnement du domaine.
08 / Livraison
Livraison
La nouvelle expérience fait du lieu le fil conducteur : une arrivée cinématographique, des parcours distincts et une demande d’accès à la place du panier.
Compétences mobilisées
- Direction créative
- Direction artistique
- Architecture UX
- Direction et post-production vidéo IA
- Design et intégration web