Abbaye de La Trappe
- Rôle
- UI/UX Designer
- Date
- 2026
- Outils
- Figma, Claude Code, Next.js, Vercel
- Équipe
- Solo (projet bénévole pour l'abbaye)
Résultat : Une page d'accueil responsive, mise en ligne sous forme de prototype, à finaliser avec les contenus validés par l'abbaye
Voir le prototype ↗
01 · Contexte et objectif
Le site contenait l'essentiel, mais il fallait déjà connaître l'abbaye pour y trouver une information.
J'ai mené ce projet bénévolement pour l'Abbaye Notre-Dame de La Trappe, qui constatait une baisse des visites et des ventes à sa boutique. Mon objectif : permettre à un visiteur de savoir en quelques secondes quand venir et quoi faire sur place, tout en préservant le calme et l'authenticité du lieu.
02 · Recherche
Avant de dessiner, j'ai listé les questions qu'un visiteur se pose vraiment.
À partir d'un audit du site actuel et d'un benchmark (Abbaye de Sénanque, Notre-Dame des Neiges), j'ai repéré ce qui freinait les visiteurs.
Les problèmes principaux du site actuel :
- un menu organisé selon l'histoire de l'abbaye (Histoire, Communauté, Spiritualité) plutôt que selon les besoins des visiteurs
- des horaires éparpillés entre les offices, la boutique et les jours exceptionnels
- des actualités datées en page d'accueil, qui donnent l'impression d'un lieu peu vivant
- des intitulés peu clairs, comme « De vous à nous » pour la page contact
03 · Conception
J'ai pensé la page d'accueil pour qu'elle réponde d'abord aux besoins pratiques des visiteurs.
Pour résoudre ces problèmes, j'ai décidé de :
- réduire le menu à quelques entrées claires : offices et horaires, activités sur place, accueil monastique, boutique
- réunir tous les horaires en un seul endroit, repris partout sur le site
- garder un style sobre et apaisé, loin des codes touristiques ou commerciaux
- retravailler mes wireframes Figma après les retours des moines
04 · Solution
Un prototype qui associe un survol de l'abbaye en vidéo et les informations pratiques, dès le premier scroll.
Concrètement, j'ai :
- conçu un hero avec une vidéo de l'abbaye filmée par drone, qui défile au rythme du scroll
- créé un bloc « Aujourd'hui à La Trappe » qui affiche automatiquement le prochain office
- mis en avant l'accueil monastique, la Bergerie et la fabrication des pâtes de fruits
- développé le prototype avec Claude Code (Next.js), en validant moi-même chaque choix de design