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

Mes compétences

Mes compétences

  • Fullstack Development

  • UX/UI Design

  • Accessibilité Web

  • Mobile App (React Native)

  • Product Thinking

  • Agile SCRUM

  • Chefferie de projet

+4 certifications

+ stack complète

Vous aimez ce que vous voyez ?
Une question ?

Headshot of *Designer Name*

You

Discutons ensemble

+4 certifications

Vous aimez ce que vous voyez ?
Une question ?

Headshot of *Designer Name*

You

Discutons ensemble

KYMA

New Release