Image principale du projet KM 0

KM 0

Application de gestion de course en montagne - Design UX/UI complet avec personas, moodboard, design system et maquettes

Client Pulsor Lab - KM0
Année 2025
Compétences
UX Research UI Design UX Design Identité visuelle Design System Design d'interface mobile Recherche utilisateur Personas Parcours utilisateur Prototypage

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.

Tableau de bord KM 0 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 :

  1. Recherche utilisateur : Création de personas et analyse des besoins pour comprendre les attentes des traileurs
  2. Définition de l'identité : Création d'un moodboard pour établir l'univers visuel et l'ambiance de l'application
  3. Design system : Développement d'un système de design complet garantissant la cohérence visuelle
  4. 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.

Persona Isabelle

Persona Loïc

Persona Bertrand

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.

Parcours utilisateurs 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.

Moodboard KM 0

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é.

Tokens de couleur

Typographie

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

Typographie

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.

Bouton
Lien
Élément logistique
Poste de secours
Alertes
Vue d'ensemble d'un événement

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.

Écran de connexion
Écran d'inscription

Le tableau de bord et le profil utilisateur offrent une vue d'ensemble claire et un accès rapide aux fonctionnalités principales.

Tableau de bord
Profil utilisateur

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.

Création d'événement
Postes de secours