Jeanne
Bramkamp
Français
🔜 English
Étude de cas
🐘
Nantes Métropole
dans ma poche
Application dédiée aux services urbains de la métropole nantaise
Septembre 2022 – Février 2023
Client
Brief
Rôle
Structure
Nantes Métropole
Refonte éco-conçue de l’application mobile de services urbains, plus intuitive, accessible et orientée éco-citoyenneté
UX/UI Designer
Projet étudiant en partenariat - Bachelor UX/UI - L’École de design Nantes Atlantique
4 designers + équipe projet de la Métropole
Administration publique, services urbains
Fondamentaux UX/UI
Design de services
Audit UX
Benchmark
UX Research
Design Sprint
Wireframing
Prototypage
UI Design
Tests Utilisateurs
Soft skills & collaboration
Communication
Méthodologie Agile
Gestion de projet
Travail en équipes
Écosystème d’outils
Figma
Notion
Maze
01
Présentation
du projet
« Nantes Métropole dans ma poche » est une application personnalisable conçue pour centraliser les services publics liés à la vie urbaine : alertes, informations géolocalisées et services en temps réel. Chaque utilisateur peut y activer les services qui l'intéressent (cantine, circulation, tri, etc.).
À l’horizon 2024, la métropole souhaitait une nouvelle version de l’application avec ces objectifs :
🌱
Faciliter un quotidien plus écologique
🧘
Favoriser le bien-être et la santé
🎯
Élargir la cible aux jeunes et métropolitains
✨
Concevoir une interface accessible, inclusive et responsable
Pour répondre à ce défi, nous avons été sollicités en tant qu’étudiants en 3e année de Bachelor UX/UI à l’École de design Nantes Atlantique.
Ce partenariat nous a permis de proposer une refonte complète de l’application dans une logique d’éco-conception.
Vue d’ensemble
01
Présentation du projet
02
Problématique
& Objectifs
Comment l’application peut-elle encourager les citoyens à adopter une démarche d’éco-citoyenneté et à s’impliquer dans leur quartier ?
Notre proposition s’est concentrée sur 3 piliers : accessibilité, ergonomie et valorisation des initiatives locales, en y intégrant de nouvelles fonctionnalités utiles au quotidien.
03
Méthodologie
Design
Avec mon équipe, j’ai débuté par un audit de l’application existante, basé sur la méthode PCR :
3a
Audit
Problème
Repérage des frustrations utilisateurs
Conséquence
Analyse des origines de ces blocages
Recommandation
Formulation de pistes d’amélioration
→ 44 problèmes UX ont été identifiés et classés par typologie (navigation, hiérarchie, contenu, accessibilité, etc.).
Majeur non bloquant
Identité visuelle
🎯 Problème :
Certains services différents sont d’une même couleur.
💣 Conséquence :
L’utilisateur à l’impression que ces services font partie d’une même catégorie.
✅ Recommandation :
Attribuer une couleur différente à chaque service ou regrouper dans une même couleur des services similaires.
Long terme
Ergonomie des pages
Identité visuelle
🎯 Problème :
Le format actuel limite l’affichage des informations. Certaines alvéoles restent vides sur les côtés.
💣 Conséquence :
Des phrases importantes sont tronquées et de l’espace d’affichage est perdu.
✅ Recommandation :
- Repenser le design des alvéoles (taille adaptative, formes, hiérarchisation selon les favoris).
- Étendre l’identité visuelle des alvéoles à d’autres éléments de l’interface.
- Proposer un widget pour un accès rapide et lisible aux infos clés.
Majeur bloquant
Ergonomie des pages
🎯Problème :
Le menu burger, peu visible en haut à droite, contient pourtant des infos essentielles à l’utilisation de l’app.
💣 Conséquence :
Les utilisateurs peuvent rater des fonctions clés comme les alertes, les numéros d'urgence ou la personnalisation de l'accueil.
✅ Recommandation :
- Rendre le menu burger plus visible
- Ajouter des repères visuels pour organiser l’accueil intuitivement.
- Sortir les infos clés du menu si besoin pour un accès direct.
- Intégrer un toast informatif temporaire.
Version antérieure
de l’application
3b
Benchmark
Ce diagnostic a été complété par une analyse concurrentielle d’applications similaires (veilles métropoles et navigation par carte), ce qui nous a permis de dégager de bonnes pratiques et d’enrichir notre réflexion.
CityApp - VDL (Luxembourg)
Le Mans en Poche
3c
Personas & Journey Mapping
Sur la base de nos recherches et les informations données par la ville, nous avons construit plusieurs personas pour représenter les profils d’utilisateurs principaux. Ces portraits ont guidé nos choix de conception dès le départ.
Joséphine
25 ans
📱 Nouvelle utilisatrice
occasionnelle de l’app
📍Récemment insallée à Nantes
🧑🎓 Jeune diplômée
🌱 Sensible à l’écologie
🚲 Se déplace à vélo
🎯 Objectifs :
- Connaître les jours de collecte dans son nouveau quartier
- Comprendre le code couleur des bacs pour bien trier ses déchets
- Trouver rapidement le point tri le plus proche selon le type de déchet
- Optimiser ses trajets à vélo pour se repérer facilement et gagner du temps
❌ Freins / frustrations :
- Nouveau quartier mal connu, manque de repères
- Pas encore de carte de transport, elle compte uniquement sur son vélo
- Aimerait adopter des réflexes écolos plus facilement, sans prendre trop de temps à fouiller partout
💡 Ce qu’elle attend de l’app :
Une aide simple et rapide pour s’organiser dans une nouvelle ville, gagner du temps et faire les bons gestes écolos sans se prendre la tête.
3d
Journey Mapping
Des journey maps ont ensuite été réalisées pour visualiser les parcours utilisateurs et repérer les points de friction à résoudre.
3e
Méthodes Agile & Priorisation (ROI)
Le projet a été structuré selon la méthode Scrum, avec des sprints courts répartis sur 3 mois. Nous avons utilisé Notion pour répartir les tâches, suivre la progression et collaborer efficacement en équipe.
Pour prioriser les fonctionnalités à implémenter, nous avons utilisé l’approche ROI (Return on Investment) :
ROI = Business Value / Cost
Business Value : valeur ajoutée pour l’utilisateur
Cost : temps de conception + ressources nécessaires
→ Cela nous a permis de faire des choix rationnels et de concentrer nos efforts sur les fonctionnalités à fort impact.
3f
Wireframes & Maquettage
Nous avons restructuré la navigation afin qu’elle soit plus intuitive et fluide, en s’appuyant sur les habitudes et les attentes des utilisateurs.
J’ai notamment été à l’initiative de la fusion des sections « Mémotri » et « Déchets », permettant d’offrir une approche plus claire et cohérente du tri sélectif.
L’ensemble des maquettes, prototypes et la charte UI ont ensuite été réalisés sur Figma, en cohérence avec l’identité de la métropole.
Typographies
Composants
Couleurs
04
Tests utilisateurs
Les tests utilisateurs ont été menés pour valider nos hypothèses, affiner l’expérience et identifier les ajustements nécessaires.
4a
Objectifs
🌱
Détecter les obstacles à la compréhension ou à l’interaction
🧘
Vérifier l’adhésion aux fonctionnalités proposées et l’efficacité du parcours éco-responsable
🎯
Tester l’intuitivité de la navigation et la lisibilité du contenu
✨
S’assurer que l’application soit accessible à des profils variés
(âge, aisance numérique)
4b
Déroulé
Nous avons mené une dizaine de tests qualitatifs en mode guerilla. Le protocole incluait :
Un guide d’entretien détaillé
Une fiche persona pour contextualiser l’usage
Une autorisation de captation (photo/vidéo)
Les tests ont été réalisés en binôme sur l’outil Maze, avec observation du langage verbal et non-verbal.
Le protocole intégrait des questions pré/post-test, des scénarios d’usage et des feedbacks à chaud.
4c
Parcours testé
Le prototype s’articulait autour de 2 moments clés. Ces scénarios nous ont permis de valider l’efficacité des nouvelles fonctionnalités tout en mesurant leur impact sur la sensibilisation à l’éco-citoyenneté.
🌿
Onboarding personnalisé et
éco-citoyen
Un parcours interactif et accessible à tous, avec des questions ciblées pour activer des widgets sur-mesure et recommander des lieux selon les goûts. Parmi eux, des modules dédiés à l’éco-responsabilité (éco-gestes, activités locales durables, actualité du quartier).
🚲
Navigation et mobilité douce
La navigation s’effectue via une carte interactive permettant notamment la recherche de points de tri, la génération d’itinéraires à vélo et l’ajout de favoris. L’interface est optimisée pour la mobilité douce (piéton, vélo).
4d
Résultats & Synthèse
Les retours utilisateurs ont été centralisés dans un document de synthèse permettant de dégager :
- Les points forts à conserver
- Les améliorations à prioriser pour le Sprint 2
- Des pistes concrètes d’optimisation
CE QUI A ÉTÉ APPRÉCIÉ
Onboarding personnalisé
Le système de tags/filtres
Les lieux de proximité à travers la carte
Les fiches lieux riches en informations : le tri
Le graphisme “épuré, clair et agréable”
CE QUI EST À REVOIR
Distinguer l’ajout aux favoris et à l’accueil
Clarifier la mise en contexte de l’onboarding
Retravailler la hiérarchie entre grandes et sous catégories
L’amélioration du système d’itinéraire vélo
Clarifier le scroll vers le bas pour découvrir les fiches lieux
05
Bilan d’équipe
Cette collaboration avec Nantes Métropole m’a permis de travailler sur un véritable projet client, de structurer efficacement mon organisation en équipe grâce à des outils comme Notion et la méthode Scrum, et de me familiariser avec les tests utilisateurs de type « Guerilla ».
Nous avons conclu par la méthode des 4L (Liked, Learned, Lacked, Longed) pour partager nos ressentis, identifier nos acquis et axes d’amélioration : une démarche utile pour progresser ensemble.
06
Retourd’expérience
Ce projet a été pour moi une véritable opportunité d’appliquer une démarche UX complète dans un contexte réel et concret.
J’y ai appris à concevoir un service numérique durable, à tester mes idées directement sur le terrain et à collaborer efficacement au sein d’une équipe agile.
📣 Actuellement en quête d’un stage ERASMUS+
Je serais ravie d’échanger !
Contactez-moi
Étude de cas
Français
🔜 English
🐘
Nantes Métropole
dans ma poche
Application dédiée aux services urbains de la métropole nantaise
Septembre 2022 – Février 2023
Client
Brief
Rôle
Structure
Équipe
Secteur
Nantes Métropole
Refonte éco-conçue de l’application mobile de services urbains, plus intuitive, accessible et orientée éco-citoyenneté
UX/UI Designer
Projet étudiant en partenariat - Bachelor UX/UI - L’École de design Nantes Atlantique
4 designers + équipe projet de la Métropole
Administration publique, services urbains
Fondamentaux UX/UI
Design de services
Audit UX
Benchmark
UX Research
Design Sprint
Wireframing
Prototypage
UI Design
Tests Utilisateurs
Soft skills & collaboration
Communication
Méthodologie Agile
Gestion de projet
Travail en équipes
Écosystème d’outils
Figma
Notion
Maze
01
Présentation
du projet
« Nantes Métropole dans ma poche » est une application personnalisable conçue pour centraliser les services publics liés à la vie urbaine : alertes, informations géolocalisées et services en temps réel. Chaque utilisateur peut y activer les services qui l'intéressent (cantine, circulation, tri, etc.).
À l’horizon 2024, la métropole souhaitait une nouvelle version de l’application avec ces objectifs :
🌱
Faciliter un quotidien plus écologique
🧘
Favoriser le bien-être et la santé
🎯
Élargir la cible aux jeunes et métropolitains
✨
Concevoir une interface accessible, inclusive et responsable
Pour répondre à ce défi, nous avons été sollicités en tant qu’étudiants en 3e année de Bachelor UX/UI à l’École de design Nantes Atlantique.
Ce partenariat nous a permis de proposer une refonte complète de l’application dans une logique d’éco-conception.
Vue d’ensemble
01
Présentation du projet
02
Problématique & Objectifs
Comment l’application peut-elle encourager les citoyens à adopter une démarche d’éco-citoyenneté et à s’impliquer dans leur quartier ?
Notre proposition s’est concentrée sur 3 piliers : accessibilité, ergonomie et valorisation des initiatives locales, en y intégrant de nouvelles fonctionnalités utiles au quotidien.
03
Méthodologie Design
Avec mon équipe, j’ai débuté par un audit de l’application existante, basé sur la méthode PCR :
3a
Audit
Problème
Repérage des frustrations utilisateurs
Conséquence
Analyse des origines de ces blocages
Recommandation
Formulation de pistes d’amélioration
→ 44 problèmes UX ont été identifiés et classés par typologie (navigation, hiérarchie, contenu, accessibilité, etc.).
Version antérieure
de l’application
Majeur non bloquant
Identité visuelle
🎯 Problème :
Certains services différents sont d’une même couleur.
💣 Conséquence :
L’utilisateur à l’impression que ces services font partie d’une même catégorie.
✅ Recommandation :
Attribuer une couleur différente à chaque service ou regrouper dans une même couleur des services similaires.
Long terme
Ergonomie des pages
Identité visuelle
🎯 Problème :
Le format actuel limite l’affichage des informations. Certaines alvéoles restent vides sur les côtés.
💣 Conséquence :
Des phrases importantes sont tronquées et de l’espace d’affichage est perdu.
✅ Recommandation :
- Repenser le design des alvéoles (taille adaptative, formes, hiérarchisation selon les favoris).
- Étendre l’identité visuelle des alvéoles à d’autres éléments de l’interface.
- Proposer un widget pour un accès rapide et lisible aux infos clés.
Majeur bloquant
Ergonomie des pages
🎯Problème :
Le menu burger, peu visible en haut à droite, contient pourtant des infos essentielles à l’utilisation de l’app.
💣 Conséquence :
Les utilisateurs peuvent rater des fonctions clés comme les alertes, les numéros d'urgence ou la personnalisation de l'accueil.
✅ Recommandation :
- Rendre le menu burger plus visible
- Ajouter des repères visuels pour organiser l’accueil intuitivement.
- Sortir les infos clés du menu si besoin pour un accès direct.
- Intégrer un toast informatif temporaire.
3b
Benchmark
Ce diagnostic a été complété par une analyse concurrentielle d’applications similaires (veilles métropoles et navigation par carte), ce qui nous a permis de dégager de bonnes pratiques et d’enrichir notre réflexion.
CityApp - VDL (Luxembourg)
Le Mans en Poche
Rouen métropole
dans ma poche
3c
Personas & Journey Mapping
Sur la base de nos recherches et les informations données par la ville, nous avons construit plusieurs personas pour représenter les profils d’utilisateurs principaux. Ces portraits ont guidé nos choix de conception dès le départ.
Joséphine
25 ans
📍Récemment insallée à Nantes
🧑🎓 Jeune diplômée
🌱 Sensible à l’écologie
🚲 Se déplace à vélo
📱 Nouvelle utilisatrice occasionnelle de l’app
🎯 Objectifs :
- Connaître les jours de collecte dans son nouveau quartier
- Comprendre le code couleur des bacs pour bien trier ses déchets
- Trouver rapidement le point tri le plus proche selon le type de déchet
- Optimiser ses trajets à vélo pour se repérer facilement et gagner du temps
❌ Freins / frustrations :
- Nouveau quartier mal connu, manque de repères
- Pas encore de carte de transport, elle compte uniquement sur son vélo
- Aimerait adopter des réflexes écolos plus facilement, sans prendre trop de temps à fouiller partout
💡 Ce qu’elle attend de l’app :
Une aide simple et rapide pour s’organiser dans une nouvelle ville, gagner du temps et faire les bons gestes écolos sans se prendre la tête.
3d
Journey Mapping
Des journey maps ont ensuite été réalisées pour visualiser les parcours utilisateurs et repérer les points de friction à résoudre.
3e
Méthodes Agile & Priorisation (ROI)
Le projet a été structuré selon la méthode Scrum, avec des sprints courts répartis sur 3 mois. Nous avons utilisé Notion pour répartir les tâches, suivre la progression et collaborer efficacement en équipe.
Pour prioriser les fonctionnalités à implémenter, nous avons utilisé l’approche ROI (Return on Investment) :
ROI = Business Value / Cost
Business Value : valeur ajoutée pour l’utilisateur
Cost : temps de conception + ressources nécessaires
→ Cela nous a permis de faire des choix rationnels et de concentrer nos efforts sur les fonctionnalités à fort impact.
3f
Wireframes & Maquettage
Nous avons restructuré la navigation afin qu’elle soit plus intuitive et fluide, en s’appuyant sur les habitudes et les attentes des utilisateurs.
J’ai notamment été à l’initiative de la fusion des sections « Mémotri » et « Déchets », permettant d’offrir une approche plus claire et cohérente du tri sélectif.
L’ensemble des maquettes, prototypes et la charte UI ont ensuite été réalisés sur Figma, en cohérence avec l’identité de la métropole.
Typographies
Composants
Couleurs
04
Tests utilisateurs
Les tests utilisateurs ont été menés pour valider nos hypothèses, affiner l’expérience et identifier les ajustements nécessaires.
4a
Objectifs
🌱
Détecter les obstacles à la compréhension ou à l’interaction
🧘
Vérifier l’adhésion aux fonctionnalités proposées et l’efficacité du parcours éco-responsable
🎯
Tester l’intuitivité de la navigation et la lisibilité du contenu
✨
S’assurer que l’application soit accessible à des profils variés (âge, aisance numérique)
4b
Déroulé
Nous avons mené une dizaine de tests qualitatifs en mode guerilla. Le protocole incluait :
Un guide d’entretien détaillé
Une fiche persona pour contextualiser l’usage
Une autorisation de captation (photo/vidéo)
Nb.
participants
Aisancenumérique
Lieu de vie
Lieu de travail
A déjà utilisé Nantes Métropole dans ma poche
Participant 1
Participant 2
Participant 3
Participant 4
Participant 5
Participant 6
Participant 7
Participant 8
Participant 9
Élevé
Élevé
Moyen
Faible
Moyen
Élevé
Élevé
Élevé
Élevé
Nantes
Paris
Nantes
Métropole
Métropole
Nantes
Nantes
Métropole
Nantes
Nantes
Paris
Rezé
Nantes
Nantes
Nantes
Nantes
Métropole
Nantes
Non
Non
Oui
Non
Non
Oui
Non
Non
Non
Les tests ont été réalisés en binôme sur l’outil Maze, avec observation du langage verbal et non-verbal.
Le protocole intégrait des questions pré/post-test, des scénarios d’usage et des feedbacks à chaud.
4c
Parcours testé
Le prototype s’articulait autour de 2 moments clés. Ces scénarios nous ont permis de valider l’efficacité des nouvelles fonctionnalités tout en mesurant leur impact sur la sensibilisation à l’éco-citoyenneté.
🌿
Onboarding personnalisé et
éco-citoyen
Un parcours interactif et accessible à tous, avec des questions ciblées pour activer des widgets sur-mesure et recommander des lieux selon les goûts. Parmi eux, des modules dédiés à l’éco-responsabilité (éco-gestes, activités locales durables, actualité du quartier).
🚲
Navigation et mobilité douce
La navigation s’effectue via une carte interactive permettant notamment la recherche de points de tri, la génération d’itinéraires à vélo et l’ajout de favoris. L’interface est optimisée pour la mobilité douce (piéton, vélo).
4d
Résultats & Synthèse
Les retours utilisateurs ont été centralisés dans un document de synthèse permettant de dégager :
- Les points forts à conserver
- Les améliorations à prioriser pour le Sprint 2
- Des pistes concrètes d’optimisation
CE QUI A ÉTÉ APPRÉCIÉ
Onboarding personnalisé
Le système de tags/filtres
Les lieux de proximité à travers la carte
Les fiches lieux riches en informations : le tri
Le graphisme “épuré, clair et agréable”
CE QUI EST À REVOIR
Distinguer l’ajout aux favoris et à l’accueil
Clarifier la mise en contexte de l’onboarding
Retravailler la hiérarchie entre grandes et sous catégories
L’amélioration du système d’itinéraire vélo
Clarifier le scroll vers le bas pour découvrir les fiches lieux
05
Bilan d’équipe
Cette collaboration avec Nantes Métropole m’a permis de travailler sur un véritable projet client, de structurer efficacement mon organisation en équipe grâce à des outils comme Notion et la méthode Scrum, et de me familiariser avec les tests utilisateurs de type « Guerilla ».
Nous avons conclu par la méthode des 4L (Liked, Learned, Lacked, Longed) pour partager nos ressentis, identifier nos acquis et axes d’amélioration : une démarche utile pour progresser ensemble.
06
Retourd’expérience
Ce projet a été pour moi une véritable opportunité d’appliquer une démarche UX complète dans un contexte réel et concret.
J’y ai appris à concevoir un service numérique durable, à tester mes idées directement sur le terrain et à collaborer efficacement au sein d’une équipe agile.
📣 Actuellement en quête d’un stage ERASMUS+
Je serais ravie d’échanger !
Contactez-moi
Jeanne
Bramkamp
QUI SUIS-JE ?
Étude de cas
Français
🔜 English
🐘
Nantes Métropole
dans ma poche
Application dédiée aux services urbains de
la métropole nantaise
Septembre 2022 – Février 2023
Client
Brief
Rôle
Structure
Équipe
Secteur
Nantes Métropole
Refonte éco-conçue de l’application mobile de services urbains, plus intuitive, accessible et orientée éco-citoyenneté
UX/UI Designer
Projet étudiant en partenariat - Bachelor UX/UI - L’École de design Nantes Atlantique
4 designers + équipe projet de la Métropole
Administration publique, services urbains
Fondamentaux UX/UI
Design de services
Audit UX
Benchmark
UX Research
Design Sprint
Wireframing
Prototypage
UI Design
Tests Utilisateurs
Soft skills & collaboration
Communication
Méthodologie Agile
Gestion de projet
Travail en équipes
Écosystème d’outils
Figma
Notion
Maze
01
Présentation
du projet
« Nantes Métropole dans ma poche » est une application personnalisable conçue pour centraliser les services publics liés à la vie urbaine : alertes, informations géolocalisées et services en temps réel. Chaque utilisateur peut y activer les services qui l'intéressent (cantine, circulation, tri, etc.).
À l’horizon 2024, la métropole souhaitait une nouvelle version de l’application avec ces objectifs :
🌱
Faciliter un quotidien plus écologique
🧘
Favoriser le
bien-être et
la santé
🎯
Élargir la cibleaux jeunes et métropolitains
✨
Concevoir une
interface accessible, inclusive et responsable
Pour répondre à ce défi, nous avons été sollicités en tant qu’étudiants en 3e année de Bachelor UX/UI à l’École de design Nantes Atlantique.Ce partenariat nous a permis de proposer une refonte complète de l’application dans une logique d’éco-conception.
Vue d’ensemble
01
Présentation du projet
02
Problématique
& Objectifs
Comment l’application peut-elle encourager les citoyens à adopter une démarche d’éco-citoyenneté et à s’impliquer dans leur quartier ?
Notre proposition s’est concentrée sur 3 piliers : accessibilité, ergonomie et valorisation des initiatives locales, en y intégrant de nouvelles fonctionnalités utiles au quotidien.
03
Méthodologie
Design
Avec mon équipe, j’ai débuté par un audit de l’application existante, basé sur la méthode PCR :
3a
Audit
Problème
Repérage des frustrations utilisateurs
Conséquence
Analyse des origines de ces blocages
Recommandation
Formulation de pistes d’amélioration
→ 44 problèmes UX ont été identifiés et classés par typologie (navigation, hiérarchie, contenu, accessibilité, etc.).
Version antérieure
de l’application
Majeur non bloquant
Identité visuelle
🎯 Problème :
Certains services différents sont d’une même couleur.
💣 Conséquence :
L’utilisateur à l’impression que ces services font partie d’une même catégorie.
✅ Recommandation :
Attribuer une couleur différente à chaque service ou regrouper dans une même couleur des services similaires.
Long terme
Ergonomie des pages
Identité visuelle
🎯 Problème :
Le format actuel limite l’affichage des informations. Certaines alvéoles restent vides sur les côtés.
💣 Conséquence :
Des phrases importantes sont tronquées et de l’espace d’affichage est perdu.
✅ Recommandation :
- Repenser le design des alvéoles (taille adaptative, formes, hiérarchisation selon les favoris).
- Étendre l’identité visuelle des alvéoles à d’autres éléments de l’interface.
- Proposer un widget pour un accès rapide et lisible aux infos clés.
Majeur bloquant
Ergonomie des pages
🎯Problème :
Le menu burger, peu visible en haut à droite, contient pourtant des infos essentielles à l’utilisation de l’app.
💣 Conséquence :
Les utilisateurs peuvent rater des fonctions clés comme les alertes, les numéros d'urgence ou la personnalisation de l'accueil.
✅ Recommandation :
- Rendre le menu burger plus visible
- Ajouter des repères visuels pour organiser l’accueil intuitivement.
- Sortir les infos clés du menu si besoin pour un accès direct.
- Intégrer un toast informatif temporaire.
3b
Benchmark
Ce diagnostic a été complété par une analyse concurrentielle d’applications similaires (veilles métropoles et navigation par carte), ce qui nous a permis de dégager de bonnes pratiques et d’enrichir notre réflexion.
CityApp - VDL (Luxembourg)
Le Mans en Poche
Rouen métropole
dans ma poche
3c
Personas & Journey Mapping
Sur la base de nos recherches et les informations données par la ville, nous avons construit plusieurs personas pour représenter les profils d’utilisateurs principaux. Ces portraits ont guidé nos choix de conception dès le départ.
Joséphine
25 ans
📍Récemment insallée à Nantes
🧑🎓 Jeune diplômée
🌱 Sensible à l’écologie
🚲 Se déplace à vélo
📱 Nouvelle utilisatrice occasionnelle de l’app
🎯 Objectifs :
- Connaître les jours de collecte dans son nouveau quartier
- Comprendre le code couleur des bacs pour bien trier ses déchets
- Trouver rapidement le point tri le plus proche selon le type de déchet
- Optimiser ses trajets à vélo pour se repérer facilement et gagner du temps
❌ Freins / frustrations :
- Nouveau quartier mal connu, manque de repères
- Pas encore de carte de transport, elle compte uniquement sur son vélo
- Aimerait adopter des réflexes écolos plus facilement, sans prendre trop de temps à fouiller partout
💡 Ce qu’elle attend de l’app :
Une aide simple et rapide pour s’organiser dans une nouvelle ville, gagner du temps et faire les bons gestes écolos sans se prendre la tête.
3d
Journey Mapping
Des journey maps ont ensuite été réalisées pour visualiser les parcours utilisateurs et repérer les points de friction à résoudre.
3e
Méthodes Agile & Priorisation (ROI)
Le projet a été structuré selon la méthode Scrum, avec des sprints courts répartis sur 3 mois. Nous avons utilisé Notion pour répartir les tâches, suivre la progression et collaborer efficacement en équipe.
Pour prioriser les fonctionnalités à implémenter, nous avons utilisé l’approche ROI (Return on Investment) :
ROI = Business Value / Cost
Business Value : valeur ajoutée pour l’utilisateur
Cost : temps de conception + ressources nécessaires
→ Cela nous a permis de faire des choix rationnels et de concentrer nos efforts sur les fonctionnalités à fort impact.
3f
Wireframes & Maquettage
Nous avons restructuré la navigation afin qu’elle soit plus intuitive et fluide, en s’appuyant sur les habitudes et les attentes des utilisateurs.
J’ai notamment été à l’initiative de la fusion des sections « Mémotri » et « Déchets », permettant d’offrir une approche plus claire et cohérente du tri sélectif.
L’ensemble des maquettes, prototypes et la charte UI ont ensuite été réalisés sur Figma, en cohérence avec l’identité de la métropole.
Typographies
Composants
Couleurs
04
Tests
utilisateurs
Les tests utilisateurs ont été menés pour valider nos hypothèses, affiner l’expérience et identifier les ajustements nécessaires.
4a
Objectifs
🌱
Détecter les obstacles à la compréhension ou à l’interaction
🧘
Vérifier l’adhésion aux fonctionnalités proposées et l’efficacité du parcours éco-responsable
🎯
Tester l’intuitivité de la navigation et la lisibilité du contenu
✨
S’assurer que l’application soit accessible à des profils variés (âge, aisance numérique)
4b
Déroulé
Nous avons mené une dizaine de tests qualitatifs en mode guerilla. Le protocole incluait :
Un guide d’entretien détaillé
Une fiche persona pour contextualiser l’usage
Une autorisation de captation (photo/vidéo)
Nb.
participants
Aisancenumérique
Lieu de vie
Lieu de travail
A déjà utilisé Nantes Métropole dans ma poche
Participant 1
Participant 2
Participant 3
Participant 4
Participant 5
Participant 6
Participant 7
Participant 8
Participant 9
Élevé
Élevé
Moyen
Faible
Moyen
Élevé
Élevé
Élevé
Élevé
Nantes
Paris
Nantes
Métropole
Métropole
Nantes
Nantes
Métropole
Nantes
Nantes
Paris
Rezé
Nantes
Nantes
Nantes
Nantes
Métropole
Nantes
Non
Non
Oui
Non
Non
Oui
Non
Non
Non
Les tests ont été réalisés en binôme sur l’outil Maze, avec observation du langage verbal et non-verbal.
Le protocole intégrait des questions pré/post-test, des scénarios d’usage et des feedbacks à chaud.
4c
Parcours testé
Le prototype s’articulait autour de 2 moments clés. Ces scénarios nous ont permis de valider l’efficacité des nouvelles fonctionnalités tout en mesurant leur impact sur la sensibilisation à l’éco-citoyenneté.
🌿
Onboarding personnalisé et
éco-citoyen
Un parcours interactif et accessible à tous, avec des questions ciblées pour activer des widgets sur-mesure et recommander des lieux selon les goûts. Parmi eux, des modules dédiés à l’éco-responsabilité (éco-gestes, activités locales durables, actualité du quartier).
🚲
Navigation et mobilité douce
La navigation s’effectue via une carte interactive permettant notamment la recherche de points de tri, la génération d’itinéraires à vélo et l’ajout de favoris. L’interface est optimisée pour la mobilité douce (piéton, vélo).
4d
Résultats & Synthèse
Les retours utilisateurs ont été centralisés dans un document de synthèse permettant de dégager :
- Les points forts à conserver
- Les améliorations à prioriser pour le Sprint 2
- Des pistes concrètes d’optimisation
CE QUI A ÉTÉ APPRÉCIÉ
Onboarding personnalisé
Le système de tags/filtres
Les lieux de proximité à travers la carte
Les fiches lieux riches en informations : le tri
Le graphisme “épuré, clair et agréable”
CE QUI EST À REVOIR
Distinguer l’ajout aux favoris et à l’accueil
Clarifier la mise en contexte de l’onboarding
Retravailler la hiérarchie entre grandes
et sous catégories
L’amélioration du système d’itinéraire vélo
Clarifier le scroll vers le bas pour découvrir
les fiches lieux
05
Bilan d’équipe
Cette collaboration avec Nantes Métropole m’a permis de travailler sur un véritable projet client, de structurer efficacement mon organisation en équipe grâce à des outils comme Notion et la méthode Scrum, et de me familiariser avec les tests utilisateurs de type « Guerilla ».
Nous avons conclu par la méthode des 4L (Liked, Learned, Lacked, Longed) pour partager nos ressentis, identifier nos acquis et axes d’amélioration : une démarche utile pour progresser ensemble.
06
Retourd’expérience
Ce projet a été pour moi une véritable opportunité d’appliquer une démarche UX complète dans un contexte réel et concret.
J’y ai appris à concevoir un service numérique durable, à tester mes idées directement sur le terrain et à collaborer efficacement au sein d’une équipe agile.
📣 Actuellement en quête d’un stage ERASMUS+
Je serais ravie d’échanger !
Contactez-moi
