KM 0
Application de gestion de course en montagne - Design UX/UI complet avec personas, moodboard, design system et maquettes
Le projet
KM 0 est une application mobile dédiée à la gestion et au suivi de courses en montagne. L'objectif était de créer une solution complète permettant aux traileurs de préparer leurs courses, gérer leur matériel et leur ravitaillement, tout en offrant à leurs accompagnateurs la possibilité de suivre leur progression en temps réel.
Cliquez pour agrandir
Mission
Ce projet englobait l'ensemble du processus de design UX/UI, de la recherche utilisateur à la livraison des maquettes finales :
- Recherche utilisateur : Création de personas et analyse approfondie des besoins des traileurs
- Définition de l'identité visuelle : Création d'un moodboard et développement d'un design system complet
- Conception des interfaces : Design des écrans principaux de l'application mobile
- Supports de communication : Création des éléments visuels pour la promotion de l'application
Approche méthodologique
Le processus de design a été structuré en plusieurs phases itératives :
- Recherche utilisateur : Création de personas et analyse des besoins pour comprendre les attentes des traileurs
- Définition de l'identité : Création d'un moodboard pour établir l'univers visuel et l'ambiance de l'application
- Design system : Développement d'un système de design complet garantissant la cohérence visuelle
- Conception des interfaces : Design des maquettes en s'appuyant sur les insights de la recherche et les principes du design system
Cette approche méthodique a permis de créer une identité visuelle qui reflète l'univers de la montagne tout en restant moderne et accessible. Les choix de couleurs et de typographie évoquent la nature et l'effort, tout en garantissant une excellente lisibilité sur tous les supports.
Résultats
Le projet KM 0 a abouti à une identité visuelle cohérente et professionnelle qui positionne l'application comme une référence dans l'univers des applications de course en montagne.
Les supports créés permettent une communication claire et efficace auprès de la communauté de traileurs, avec une expérience utilisateur optimisée pour mobile. L'application offre désormais une solution complète pour la préparation, le suivi et l'accompagnement des courses en montagne, répondant aux besoins identifiés lors de la phase de recherche utilisateur.
Recherche utilisateur
Personas
Pour garantir une expérience utilisateur adaptée, j'ai créé trois personas représentant les différents profils de traileurs. Cette étape a été essentielle pour comprendre les besoins spécifiques de chaque type d'utilisateur et orienter les décisions de design.



Parcours utilisateurs
L'analyse des parcours utilisateurs a permis d'identifier les points de friction et d'optimiser chaque étape, de l'inscription à la participation à une course. Le parcours a été pensé pour être fluide et intuitif, minimisant les frictions et maximisant l'engagement.
Cliquez pour agrandir
Identité visuelle
Moodboard
Le moodboard a servi de base pour définir l'univers visuel de l'application. J'ai exploré des références liées à la montagne, au trail et à l'effort, tout en gardant une approche moderne et accessible.

Design System
Pour garantir la cohérence visuelle sur l'ensemble de l'application, j'ai développé un design system complet incluant les tokens de couleur, la typographie et tous les composants réutilisables.
Tokens de couleur
Les couleurs ont été choisies pour évoquer la nature et l'univers montagnard, tout en garantissant une excellente lisibilité et accessibilité.

Typographie
La typographie a été sélectionnée pour sa lisibilité sur mobile et sa capacité à transmettre à la fois la robustesse et la modernité.

Composants UI
Chaque composant a été pensé pour être à la fois fonctionnel et esthétique, s'intégrant harmonieusement dans l'ensemble de l'interface.
Fonctionnalités
L'application KM 0 propose un ensemble de fonctionnalités pensées pour accompagner les traileurs dans leur préparation et leur suivi de course :
Plan de ravitaillement personnalisé
Création de plans de ravitaillement adaptés à chaque profil de coureur, du débutant au coureur expérimenté. Chaque plan est personnalisable selon les besoins nutritionnels, l'intensité de la course et les préférences individuelles.
Intégration des courses prévues
Les coureurs peuvent planifier leur saison en intégrant toutes les courses auxquelles ils souhaitent participer. L'application permet d'enregistrer plusieurs courses simultanément et de gérer leur calendrier de manière centralisée.
Intégration du matériel avant course
Fonctionnalité dédiée permettant d'anticiper et de préparer tout le matériel nécessaire pour chaque course. Les coureurs peuvent lister leur équipement et indiquer précisément sur quel ravitaillement ils souhaitent récupérer chaque élément, facilitant ainsi la logistique de leur accompagnement.
Tunnel de vente
Parcours d'abonnement optimisé permettant aux utilisateurs de souscrire facilement à un abonnement premium, leur donnant accès à l'ensemble des fonctionnalités avancées de l'application.
Suivi du coureur en temps réel
Cette fonctionnalité permet aux personnes accompagnant le coureur (famille, équipe de support) de suivre sa position en temps réel pendant la course. Ils peuvent ainsi anticiper son arrivée aux ravitaillements et préparer son accueil de manière optimale.
Maquettes
Les maquettes ont été conçues pour offrir une expérience utilisateur optimale sur mobile, en s'appuyant sur les insights de la recherche utilisateur et les principes du design system.
Authentification
Les écrans d'authentification ont été pensés pour être simples et rassurants, facilitant l'accès à l'application.
Navigation principale
Le tableau de bord et le profil utilisateur offrent une vue d'ensemble claire et un accès rapide aux fonctionnalités principales.
Gestion des événements
Les écrans de gestion d'événements permettent une création et une visualisation fluides des courses, avec un accès direct aux informations essentielles.
Galerie du projet