ChampiSpot
Création d’un Design System et Dark Mode
ChampiSpot est une application Android de mycologie permettant de marquer et localiser ses coins à champignons sur carte, de les trier par distance et d’identifier les espèces par scan photo. Un projet UX UI intégrant le dark et light mode, reposant sur la création d'un design system basé sur Material Design 3.
Mon rôle :
Concevoir un design mobile lisible et fiable sur le terrain, grâce à un design system Android structuré et une variante dark mode optimisée pour l’autonomie batterie et la réduction de la fatigue visuelle.
Client
ChampiSpot
Secteur
Nature, Grand public
Plateforme
Mobile, Android
Mon rôle
Experte Material Design
[01] Analyse métier
Analyse des usages réels des cueilleurs (préparation, sortie terrain, consultation post-cueillette)
Identification des risques critiques liés à la confusion entre espèces comestibles et toxiques
Étude des contraintes mobiles : luminosité extérieure, usage à une main, consultation rapide
[02] Parcours utilisateur
Conception de parcours fluides (ajout d'un coin, carte interactive, scan et résultat)
Hiérarchisation claire de l’information pour limiter les erreurs d’interprétation
Prise en compte de l'UX outdoor : luminosité variable, marquage du véhicule cueilleur, notion de distances
[03] UI Design
Création d’un design system complet basé sur Material Design 3
Conception d'un light et dark mode pensé pour l'usage extérieur ou l'économie d'énergie sur écran OLED
Définition des tokens Figma : couleurs, typographies, espacements, composants
[04] Collaboration & livraison
Maquettes haute fidélité Android prêtes pour développement
Design system Figma évolutif (composants, variantes, états)
Prototypes interactifs simulant les parcours clés (scan, carte, fiche champignon)
Une lecture rapide et fiable sur le terrain, en light mode comme en dark mode
Une expérience cohérente et adaptée aux besoins des cueilleurs
Un design system maintenable et évolutif, pensé par une approche freelance UX
Une application moderne, optimisée pour l’autonomie batterie
Ma contribution
Une UX UI et un design system basé sur Material Design 3
Simplification de parcours complexes mêlant carte, photo et données scientifiques
Expertise en dark mode et variables Figma
Adaptation des contraintes terrain aux besoins UX
Passation développeur fluide grâce à un système design structuré et documenté
