FixMyStreet est une application web développée dans le cadre d’un projet de Mastère Lead Developer Frontend à l’ECV Bordeaux. Réalisée en trio (Maxime L., Samuel L. et moi-même), elle a pour objectif de permettre aux cyclistes de Bordeaux Métropole de signaler facilement les défauts routiers qu’ils rencontrent au quotidien, tout en assurant une transmission fluide des informations vers les mairies locales. L’ambition du projet est de proposer un outil simple, intuitif et réellement utile, capable d’améliorer la sécurité et le confort des déplacements urbains.
Notre constat
Les cyclistes de Bordeaux Métropole rencontrent régulièrement des défauts routiers : nids‑de‑poule, chaussées dégradées, obstacles, signalisation absente ou dangereuse. Malgré leur fréquence, ces problèmes sont souvent difficiles à signaler efficacement aux mairies locales. Les canaux existants sont peu adaptés, l’expérience utilisateur est complexe, et les signalements manquent de précision (localisation, photos, description). Il en résulte une perte d’information, une réparation tardive des infrastructures et une insatisfaction des usagers, alors même que la mobilité douce est au cœur des enjeux urbains actuels.
Recherche d’une direction artistique
Dans la phase de conception, j’ai mené un travail de création de maquettes et de wireframes afin de définir une expérience utilisateur claire, intuitive et cohérente. Cette étape a été accompagnée d’une recherche de direction artistique complète, incluant l’élaboration d’une charte graphique, le choix des couleurs, des typographies et des codes visuels permettant de traduire l’identité du projet tout en garantissant une lisibilité optimale. Ce travail préparatoire a posé les bases d’une interface moderne, accessible et alignée avec les besoins des utilisateurs comme avec les objectifs du produit.
La solution proposée
FixMyStreet propose une application web moderne permettant aux cyclistes de signaler en quelques secondes un défaut routier, directement depuis leur téléphone ou leur ordinateur. L’interface, développée avec Next.js, React, Tailwind CSS et Leaflet, offre une expérience fluide : géolocalisation précise du problème, ajout de photos, description détaillée, visualisation sur une carte interactive, puis transmission aux services municipaux concernés via Supabase.
L’application est pensée comme une PWA, installable et utilisable en mobilité, avec un environnement technique documenté dans le dépôt GitHub pour faciliter l’installation, la contribution et l’évolution du projet. La solution combine design, UX, cartographie, gestion de données et performance, pour créer un outil réellement utile aux citoyens comme aux collectivités.
Fonctionnalités
Utilisateur
- Formulaire de signalement en 4 étapes : choix de catégorie → détails (photo + localisation GPS) → récapitulatif → confirmation
- Catégories disponibles : Dégât sur la voie, Signalisation, Éclairage défectueux, Encombrement
- Consultation de ses propres signalements avec statut en temps réel
- Installation en PWA (prompt natif, mode hors-ligne basique)
Administrateur
- Carte interactive (Leaflet) avec clustering de marqueurs et heatmap des signalements
- Panneau de signalements cliquables avec détails complets
- Suivi des statuts : Créé → Validé → En cours → Terminé / Rejeté
Authentification
- Inscription / connexion par email
- RĂ©initialisation et mise Ă jour du mot de passe
- Sessions persistantes via localStorage
RĂ©sultats
FixMyStreet permet de centraliser les signalements, de fiabiliser les informations transmises aux mairies et de réduire le délai de prise en charge des défauts routiers.
Les cyclistes disposent enfin d’un outil simple, rapide et accessible pour contribuer à l’amélioration de leur environnement.
Pour les collectivités, l’application apporte une vision claire des problèmes récurrents, une meilleure priorisation des interventions et une relation renforcée avec les usagers.
Sur le plan pédagogique, le projet a permis à notre équipe de démontrer un développement frontend moderne, de l’intégration cartographique, de la gestion de base de données, de la conception UX et de la documentation technique.