Bannière GymAddict
UI/UX Design · Webdesign · Identité visuelle

Refonte GymAddict


https:// gymaddict.lennouille.fr
Rôle
UX mobile, identité visuelle, UI design
Durée
6 semaines
Outils
Figma ; HTML, CSS, JavaScript
Contexte
Projet personnel

Brief : Concevoir une application de suivi de musculation centrée sur l'essentiel, pour les pratiquants réguliers en salle.

Objectif : Permettre d'enregistrer ses charges en quelques interactions, pendant l'effort.

Livrables : Stratégie UX mobile, identité visuelle (vert menthe, vert forêt), UI des espaces workout, programme et profil.


Constat : des applications trop larges

Strava, MyFitnessPal et Nike Training Club couvrent le sport en général. GymAddict vise un public plus étroit : les pratiquants de salle qui veulent enregistrer leurs charges sans tableaux de bord complexes. Le problème à résoudre était la clarté et le positionnement face à ces applications.

Utilisateur cible et contraintes d'usage

Cible : une personne qui s'entraîne 2 à 5 fois par semaine, ni débutante ni marathonienne. L'usage se fait en salle : mains occupées, attention réduite, interactions brèves. Les wireframes limitent le nombre d'actions par écran et agrandissent les zones tactiles. Toute action supplémentaire est traitée comme un défaut d'ergonomie.

Avant / Après — Identité visuelle — Logos
Nouvelle version du logo GymAddict
Ancienne version du logo GymAddict
Couleurs désignées
Couleur rouge GymAddict Couleur bleu GymAddict Couleur vert GymAddict Couleur jaune GymAddict

Identité : vert menthe et vert forêt

J'ai choisi deux verts pour rompre avec les codes noir et rouge du secteur. Le logo représente le mouvement et reste lisible en icône d'application. Le design system et l'UI Kit limitent les éléments à l'écran pour ne pas distraire pendant l'effort.

Trois espaces

L'interface compte trois espaces : workout, programme et profil. L'enregistrement d'une série se fait automatiquement dès l'insertion des données. Le profil affiche l'évolution des données sous forme visuelle.

Avant / Après — Espace workout
Nouvelle version de l'espace workout
Ancienne version de l'espace workout
Avant / Après — Programme d'entrainement
Nouvelle version du programme d'entrainement
Ancienne version du programme d'entrainement
Avant / Après — Espace statistiques
Nouvelle version de l'espace statistiques
Ancienne version de l'espace statistiques
Avant / Après — Espace profil
Nouvelle version de l'espace profil
Ancienne version de l'espace profil

Ce que j'en retiens

Concevoir pour une personne en plein effort revient à concevoir pour une attention réduite : l'ergonomie y définit le produit. Chaque fonctionnalité ajoutée devait être justifiée par l'usage en salle.

Résultats

3espaces conçus : workout, programme, profil
2verts (menthe, forêt) en remplacement du noir et rouge du secteur
Autoenregistrement d'une série