I-Run

Transformer des wireframes existants en expérience sportive motivante et déclinable

Study Case My Digital School

Le projet consistait à reprendre des wireframes conçus sur Adobe XD pour une application de running, puis à finaliser l’interface graphique des écrans clés. L’objectif n’était pas de repartir de zéro, mais de transformer une base UX existante en proposition UI cohérente, engageante et suffisamment aboutie pour être testée dans un prototype interactif.

Dans un marché très concurrentiel, l’enjeu était de proposer une interface capable de soutenir la performance, la motivation et le suivi de progression sans reproduire les codes visuels génériques des applications sportives. L’expérience devait rester accessible à un public large, des débutants aux coureurs plus avancés, tout en créant une identité forte dès les premiers usages.

Le travail devait aussi préparer l’évolution future du produit : application mobile, tablette, montre connectée, site web ou interfaces embarquées. L’approche par atomic design a donc servi à construire une base modulaire, cohérente et réutilisable, plutôt qu’une simple suite d’écrans isolés.

Mon rôle - UI designer / Product designer

J’ai repris les wireframes existants pour définir une direction visuelle, structurer les composants d’interface et produire une version haute fidélité des écrans clés.
Mon intervention a porté sur la hiérarchie visuelle, les choix typographiques, les couleurs, l’iconographie, les états UI, les composants réutilisables et le prototype Figma.
J’ai également travaillé la logique de déclinaison du système pour préparer l’adaptation de l’interface à d’autres supports.

Période

Livrables

Conception UI : écrans haute fidélité, direction visuelle, hiérarchie d’information, iconographie, couleurs, typographies et états d’interface.
Design system : composants modulaires, logique atomic design, variantes, règles de cohérence, éléments réutilisables et base UI scalable.
Prototype & déclinaisons : prototype interactif Figma, parcours testable, adaptation responsive exploratoire et propositions pour supports alternatifs : montre connectée.

Étude de cas en cours d’enrichissement

Cette page est publiée dans une première version afin de présenter le contexte, mon rôle, les livrables et les principaux visuels du projet. Elle sera enrichie progressivement avec les étapes de démarche, les arbitrages UX et les décisions de conception.