Ma Nature dans l'Eure
Une plateforme unique qui regroupe le tourisme nature et les sports de pleine nature du département de l'Eure. 58 espaces naturels, 80 animations, plus de 200 parcours sportifs, au même endroit.

Tout le patrimoine nature du département dans une seule appli. L'idée est simple. L'exécution l'est moins : il a fallu réconcilier des données qui vivaient dans des outils épars, servir des publics qui n'ont rien en commun, et faire tourner tout ça sur un téléphone au milieu d'un bois.
Contexte
Le département possède déjà un patrimoine considérable : 58 Espaces Naturels Sensibles, 80 animations nature gratuites sur deux saisons, plus de 200 parcours sportifs sur 10 disciplines outdoor. Le problème n'est pas le contenu. Il existe, il est riche, il est documenté. C'est l'éparpillement. Chaque direction a son outil, chaque outil a ses habitudes, et l'utilisateur final jongle entre trois sites pour préparer une sortie du dimanche. On ne valorise pas un territoire en multipliant les portes d'entrée. On le perd dans le bruit.
L'ambition du projet : un seul endroit, une seule base, une interface qui donne à voir le département comme un tout.
Réconcilier l'éparpillement
Mon rôle
Lead tech, UX et dev front. J'ai cadré l'architecture, choisi la stack, modélisé les collections Directus, construit les parcours utilisateurs et développé l'essentiel du front. Un chantier où les décisions techniques et les choix de design se sont nourris mutuellement.
Cinq publics, une seule interface
C'est la partie la plus difficile de ce projet, et elle n'a rien à voir avec le code. Les cinq publics qu'on sert n'ont rien en commun.
La famille cherche une idée de sortie pour samedi, avec une poussette qui passe. Le randonneur veut un sentier, une distance, un niveau de difficulté. Le sportif outdoor veut un fichier GPX à importer dans Strava et des dénivelés fiables. Le retraité passionné veut du contenu pédagogique, des photos, de la matière à lire. Le débutant, lui, veut qu'on le rassure avant même de cliquer sur "inscription". Il a besoin de comprendre ce qu'il va vivre, pas juste de voir une fiche.
C'est cette convergence qui rend la chose propre : on ne duplique pas le contenu, on multiplie les chemins qui y mènent.
L'approche technique
Nuxt en SSR pour le rendu rapide et le SEO, PWA pour le terrain. Directus en headless pour que les agents du département saisissent leurs contenus sans passer par un développeur. PostgreSQL avec PostGIS comme colonne vertébrale géospatiale : calculs de distance, filtres par zone, données géo dans un vrai moteur spatial plutôt qu'une bidouille applicative.
Pour la cartographie, Leaflet sur fond OpenStreetMap.
La couche PWA n'est pas un gadget. Une partie du département a une connexion 3G fragile. Si l'appli ne tourne pas sans réseau ou sur une ligne dégradée, elle n'est pas utilisable sur le terrain. Et une appli nature inutilisable en pleine nature, ça n'a aucun sens.
Parmi les réalisations techniques qui structurent le projet :
- Géolocalisation à trois modes (code postal, ville, localisation navigateur) pour que chacun trouve ce qui est près de lui, quelle que soit sa façon de chercher
- Téléchargement GPX et profil altimétrique pour les parcours sportifs
- Catalogue d'animations branché à Open Billet pour les inscriptions en ligne
- Accessibilité WCAG 2.1 niveau AA visée dès la conception, pas patchée après coup
Bilan
Le MVP1 est en ligne : la plateforme tourne, le public peut l'utiliser, et le MVP2 est déjà sur les rails. Ce qui me satisfait le plus dans ce chantier, ce n'est pas la stack, ni la carto, ni même la précision des profils altimétriques. C'est qu'on a fait le travail de réconciliation qui manquait depuis des années. Une seule base, une équipe qui peut enfin voir son territoire en entier. Le reste a découlé de là.
Architecture
La stack, expliquée.
Nuxt
Front SSR, PWA mobile, rendu rapide sur le terrain
Directus
CMS headless pour la rédaction et la médiathèque
PostgreSQL + PostGIS
Base de données géospatiale, 58 ENS et 200+ parcours
Leaflet
Cartographie interactive, clustering et filtres