Redesign immersif d’un site patrimonial pour mieux faire dialoguer émotion, repères pratiques et réservation.
12 min de lecture
J’ai repris la page comme un système de décision: montrer la force du sujet, alléger la lecture et faire remonter ce qui aide vraiment à réserver.
La première impression pose immédiatement le ton: univers sombre, militaro-tech, tension silencieuse et immersion contrôlée.
Lecture rapide
Contexte
Site institutionnel dense, sujet fort, promesse de visite peu incarnée.
Enjeu
Transformer l’envie de visite sans perdre les horaires, tarifs et repères pratiques.
Rôle exact
UX/UI solo: hiérarchie, direction artistique, design system, micro-interactions.
Contraintes
Mobile-first, lisibilité rapide, ton patrimonial, CTA visible plus tôt.
Résultat
Parcours plus clair, rythme plus net, réservation mieux intégrée au récit.
Contexte & enjeu de redesign
Brief client & objectifs business
Le point de départ est clair: une page trop scolaire, trop dense et pas assez immersive pour un sujet très fort. Le Redoutable porte une charge industrielle, militaire et narrative que l’interface doit assumer dès l’arrivée.
Mon arbitrage a été simple: réduire la densité, mieux séquencer la lecture et faire remonter les informations qui aident vraiment à réserver.
Recherche & benchmark
J’ai travaillé le projet comme un exercice de hiérarchie: comprendre ce qui freine la lecture, ce qui crée la tension et ce qui doit remonter pour convertir.
Personas & attentes
Visiteur prioritaire
Visiteurs grand public, familles et passionnés d’histoire militaire. Le contenu doit séduire vite, puis rester clair.
Insight clé
Le wow effect doit révéler et ordonner l’univers, pas seulement le décorer.
Référence utile
Les meilleurs sites immersifs combinent palette forte, rythme lisible et CTA visibles plus tôt.
Implication UX
Faire monter la tension visuelle sans perdre les infos pratiques ni la réservation.
Persona visuel simplifié
Visiteur prioritaire · 34 ans · Nantes
Thomas Legrand
« Je veux comprendre vite, mais je veux aussi ressentir l’histoire. »
Attentes clésPréparer la visite, trouver vite les infos, réserver sans hésiter.
Implication UX: guider la lecture avant de pousser la réservation.
User journey actuel
Le parcours de départ reste celui d’un site institutionnel classique: lecture dense, faible hiérarchie et sortie avant engagement. La refonte doit transformer cette lecture passive en progression plus lisible.
Problèmes UX à résoudre
Problem statement
La page actuelle convertit mal l’intérêt culturel en envie de visite parce qu’elle n’organise ni la tension narrative, ni la hiérarchie, ni l’accès à l’action finale.
1. Direction artistique sous-exploitée
Le sujet est puissant, mais l’interface ne transmet ni le mystère ni la tension attendus.
2. Information mal hiérarchisée
Les données techniques et pratiques existent, mais elles restent noyées dans une lecture monotone.
3. Faible sensation de progression
Sans montée en intensité, l’utilisateur lit une page statique plutôt qu’un parcours.
4. CTA trop peu mis en scène
Réserver ou préparer sa visite doit prolonger l’immersion, pas rester périphérique.
Architecture, écrans et itérations
Idéation & séquençage du parcours
Le projet prend sa force comme une séquence à tension croissante: hero immersif, contexte narratif, preuves pratiques, puis réservation.
Le user flow sépare clairement le parcours visiteur solo et le parcours groupe, avec une logique de réservation plus nette avant les maquettes.
Le redesign assume une lecture plus cinématographique avec davantage d’air et un contraste plus franc.Le brief sert de base structurante pour faire apparaître le problème, les objectifs et les choix de refonte.
Itération 01 · Hero plus narratif
Le premier écran installe la force et le mystère sans bloquer la lecture.
Itération 02 · Infos utiles rehiérarchisées
Les spécifications et les arguments de visite sont séparés des paragraphes d’ambiance pour rester scannables.
Itération 03 · CTA plus tôt dans le parcours
Le bouton principal profite de l’immersion plus tôt dans le parcours.
Itération 04 · Mobile d’abord
Le projet doit tenir sur mobile avec la même tension, mais avec moins de bruit et plus de netteté.
Tests & itérations
Les itérations clés portent sur le CTA, le contraste, la densité informative et l’équilibre entre ambiance et lisibilité.
Solution finale & logique de redesign
Design UI haute fidélité & micro-interactions
Le redesign transforme l’information en expérience: noir profond, cyan et références abyssales servent la promesse de visite plutôt que la décoration.
Avant
Page plus descriptive qu’expérientielle, densité moyenne, peu de tension et informations utiles peu valorisées.
Après
Parcours immersif, hiérarchie plus forte, marque plus nette et chemin vers la réservation plus logique.
Avant: la page d’origine de La Cité de la Mer pose bien l’information, mais l’expérience reste plus institutionnelle que narrative.Après: le redesign assume une dramaturgie plus forte, une hiérarchie plus franche et un CTA mieux intégré au récit.
Pourquoi ce bouton ici ?
Le CTA apparaît après un premier niveau d’immersion pour capter l’intérêt déjà engagé sans disparaître pour les profils pressés.
Pourquoi cette micro-interaction ?
Parce qu’elle guide la lecture et renforce la profondeur sans ralentir l’accès à l’information.
Design system
La palette, la typographie et les composants forment un langage de tension sobre qui soutient la narration sans la surjouer.
Ce que je ferais différemment
Regard critique
Si je reprenais Le Redoutable, je testerais une hiérarchie mobile encore plus directe et je réduirais encore la dépendance aux effets visuels sur les premiers écrans.
Infos pratiques plus tôt
Je ferais remonter horaires, tarifs et CTA plus explicitement pour réduire le temps de recherche sans casser l’immersion.
Animations plus sélectives
Je garderais l’effet de profondeur, mais je réserverais les micro-interactions aux points où elles aident vraiment la lecture.
Hypothèses de travail & learnings
Impact mesuré
Ces hypothèses s’appuient sur un benchmark de sites patrimoniaux, des heuristiques UX et des retours qualitatifs centrés sur la narration et la réservation.
Hypothèse validée
Plus de hiérarchie = moins de dispersion dans la lecture.
Impact attendu
La réservation devient plus naturelle et les infos pratiques restent visibles.
Arbitrage
J’ai gardé la tension, mais avec un système plus sobre et plus lisible.
Prochain test
Vérifier l’équilibre entre immersion et compréhension sur mobile.
Hiérarchie plus claire = lecture plus rapide et moins d’hésitation.
CTA remonté = intention de réservation mieux soutenue.
Moins de densité = page plus respirante, surtout sur mobile.
Réflexion personnelle
Une refonte UX réussie aligne sujet, rythme de lecture, hiérarchie de l’information et action attendue.
Brief & dossier complets intégrés
Brief UX/UI Le Redoutable
Version simplifiée du brief UX/UI, conçue comme un point d’entrée rapide avant la lecture détaillée du projet.
