Étude de cas
Coach Posture – Défi Decathlon
Contexte
La Nuit de l'Informatique est un défi national où les équipes doivent concevoir une solution numérique complète en une seule nuit. Le défi Decathlon portait sur l'amélioration de la posture : créer une application qui analyse le profil sportif de l'utilisateur et lui recommande des exercices adaptés ainsi que des produits pertinents.
Coach Posture est notre réponse à ce défi : une application web interactive qui guide l'utilisateur à travers un questionnaire de profilage, puis génère des recommandations personnalisées de mouvements et d'équipements Decathlon en fonction de son niveau, ses objectifs et ses zones de tension.
Problème & objectifs
Problème
- Les conseils posture en ligne sont souvent génériques et ne tiennent pas compte du profil individuel
- Difficile de faire le lien entre niveau sportif, zones de douleur et exercices appropriés
- Les recommandations de produits sont rarement contextualisées au besoin réel de l'utilisateur
- Contrainte de temps extrême : une nuit pour concevoir, développer et présenter
Objectifs
- Créer un questionnaire de profilage complet (niveau, sport, objectif, zones sensibles, lieu de pratique, équipement)
- Développer un moteur de recommandation basé sur les réponses de l'utilisateur
- Proposer des exercices ciblés avec visuels et instructions
- Suggérer des produits Decathlon pertinents pour accompagner la pratique
Approche
En une nuit, nous avons adopté une méthode ultra-pragmatique :
- maquettage rapide du parcours utilisateur en 3 étapes (profil → exercices → produits) ;
- développement React/TypeScript avec composants réutilisables pour chaque question ;
- implémentation d'un système de scoring pour matcher profil et recommandations ;
- intégration du design Decathlon (couleurs, typographie) pour une cohérence visuelle.
Chaque membre de l'équipe avait un rôle défini : UX, développement, contenu, intégration. Cette organisation nous a permis de livrer un prototype fonctionnel au lever du soleil.
Points techniques
Frontend : React 18 avec TypeScript, architecture par composants avec state management via hooks (useState, useContext).
Questionnaire : Formulaire multi-étapes avec progression visuelle, validation des réponses et navigation fluide entre les questions.
Recommandation : Algorithme de scoring prenant en compte 6 critères : niveau (débutant/intermédiaire/avancé), sport principal, objectif, zones sensibles, lieu (maison/salle) et équipement disponible.
Design : TailwindCSS avec charte graphique Decathlon, images d'exercices, interface responsive mobile-first.
Build : Vite pour un développement rapide avec hot reload, build optimisé pour un déploiement instantané.
Résultats
À 8h du matin, nous avons présenté :
- un questionnaire interactif couvrant niveau, sport, objectif, zones de tension, lieu de pratique et équipement ;
- un moteur de recommandation générant des exercices adaptés au profil de l'utilisateur ;
- des fiches exercices avec visuels, instructions et durée recommandée ;
- une sélection de produits Decathlon contextualisée (tapis, élastiques, rouleaux de massage...).
Le projet a été remarqué pour son parcours utilisateur fluide et la pertinence de ses recommandations, démontrant qu'il est possible de créer de la valeur en un temps très limité.
Ce que j'ai appris
- prioriser impitoyablement : se concentrer sur le parcours critique et couper les features secondaires ;
- travailler en équipe sous pression avec une répartition claire des rôles ;
- concevoir un algorithme de recommandation simple mais efficace (scoring pondéré) ;
- intégrer rapidement une charte graphique existante (Decathlon) ;
- présenter un projet de manière convaincante après une nuit blanche.
La Nuit de l'Informatique m'a appris qu'avec une bonne organisation et des choix techniques pragmatiques, on peut créer un prototype impressionnant en quelques heures. Une expérience intense et formatrice !