Aller au contenu
Retour aux projets
Plateforme web· Département de l'Eure En ligne · MVP1

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.

NuxtDirectusPostgreSQLLeafletPWA
Ma Nature dans l'Eure

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

Prochaine étape

Envie de discuter
de ton projet ?

Clarifier mon projet