
Application mobile – Bleu Blanc Bouge (santé & coaching)
Objectif
Refonte UI/UX, gestion et développement frontend d’une app mobile de coaching santé.
Année
2025-2026
Dans ce projet, j’ai occupé un rôle central en tant que développeuse fullstack orientée frontend, tout en assurant la gestion de projet et la structuration globale du produit.
L’objectif était de concevoir une application mobile de coaching santé complète, combinant activité physique, nutrition et gamification, afin d’améliorer durablement l’engagement et les résultats des utilisateurs.
Un rôle hybride : technique et gestion de projet
J’ai piloté l’organisation du projet en gérant Jira (backlog, suivi des tâches), en animant les weekly avec l’équipe de développement et en rédigeant les comptes rendus de réunions. J’ai également automatisé l’envoi des comptes rendus via Confluence, grâce à un système de mail template personnalisé envoyé à toute l’équipe.
En parallèle, j’ai produit l’intégralité de la documentation projet : spécifications techniques, workflow Git, architecture (MCD), onboarding, diagrammes de flux, ainsi que les ressources design (charte graphique, maquettes Figma, bibliothèque d’icônes…).
Refonte et expérience utilisateur
J’ai réalisé la refonte complète de l’interface client, en modernisant le design et en améliorant l’expérience utilisateur, avec un rendu clair avant/après pour chaque écran. Cette démarche a permis de rendre l’application plus intuitive, engageante et visuellement cohérente.
Développement mobile
J’étais en charge de toute la partie frontend mobile avec React Native (Expo). J’ai conçu et développé des composants réutilisables, combinant développement sur mesure et bibliothèques, avec un styling en TailwindCSS. L’objectif était de proposer une expérience fluide et différenciante, intégrant gamification et suivi personnalisé.
Une approche produit centrée sur l’engagement
Le projet s’inscrit dans une vision ambitieuse : créer une application de mieux-être capable de rivaliser avec les standards du marché, en combinant plaisir, discipline et efficacité, dans un univers immersif et motivant.
Ce projet illustre ma capacité à piloter un produit de bout en bout, à structurer un projet complexe, à développer une application mobile et à transformer l’expérience utilisateur grâce à une refonte design réussie.
Quelles fonctionnalités ai-je développé ?
Fonctionnalités Frontend Mobile & Expérience Utilisateur (MVP)
Tableau de bord utilisateur
Suivi des calories et des repas
Mode classique, mode photo, mode scan QR, mode express et mode libre
Podomètre et suivi des séances
Ajout d’activités supplémentaires
Visualisation de l’objectif du jour et des tâches complétées
Suivi professionnel
Questionnaire d’onboarding pour définir objectifs et profil utilisateur
Arbre de décision pour le premier programme personnalisé
Arbre de décision pour le suivi des bilans hebdomadaires
Défis simples et personnalisés
Immersion narrative
Histoire de France à progression journalière (chapitres principaux)
Système d’éclosion et récompenses
Bibliothèque d’histoires et de personnages/créatures
Gamification & Engagement
Soutien et encouragement entre amis
Défis entre amis et compétitions
Notifications push motivantes
Système de parrainage avec points de parrainage et points de soutien
Onboarding
Création de compte via Apple/Google
Onboarding guidé avec missions quotidiennes
Signature digitale d’engagement et immersion préparatoire
Onboarding libre avec premières missions (ajout repas, découvrir histoire, ajouter amis)
Frontend & Composants techniques
Développement de tous les composants React Native maison
Styling et layout avec TailwindCSS
Intégration de bibliothèques complémentaires pour UX
Maquettes Figma refondues et intégrées dans l’application
Gestion des écrans interactifs et logiques gamifiées
Documentation & Workflow
Structuration complète de la doc projet : spécifications techniques, workflow Git, architecture MCD, diagrammes de flux
Documentation onboarding, ressources design (charte graphique, logos, icônes)
Automatisation de l’envoi des comptes rendus via Confluence
Autres fonctionnalités
Accès aux séances et programmes complets
Calcul cible calorique et validation des objectifs
Suivi quotidien et contrôle des tâches
Variables analytics pour suivi et optimisation de l’engagement
Design avant - après
Voici le design original du client et, juste après, le résultat de ma refonte complète : chaque écran a été repensé pour améliorer l’intuitivité, l’engagement et la cohérence visuelle via Figma.
Vous pouvez tester la maquette interactive Figma pour explorer l’expérience complète et cliquer sur les différents boutons :
Sinon, une vidéo de démonstration est disponible, montrant le test complet de la maquette, pour naviguer facilement sans Figma.
Avant
Après
Scope of Work
Figma
Project Management
Agile Coordination
Frontend Mobile Development
React Native
UI Development
UX Improvement
Technical Documentation
Workflow Setup
Automation
Product Design
Fullstack Development
UX/UI Design
Accessibilité Web
Mobile App (React Native)
Product Thinking
Agile SCRUM
Chefferie de projet






