// étude de cas

FitHub

Une plateforme fitness communautaire où les membres rejoignent de vrais défis, consignent chaque séance et grimpent dans un classement qui ne récompense qu’une chose : être là.

Démo en ligne Code source

Conçu pour: Les communautés sportives et les coachs
Durée: 3 semaines
Type: Application web

Page d’accueil de FitHub présentant les défis d’entraînement et le fil de la communauté

FitHub est une plateforme de fitness construite autour des défis plutôt que du suivi en solo. Le membre choisit un défi par catégorie et par niveau, consigne ses séances au fil de l’eau et gagne des points qui le placent dans un classement public, avec, derrière, un tableau de bord d’administration qui gère les utilisateurs, les défis et les statistiques du site.

Le problème

Les applications de fitness savent enregistrer ce que vous avez fait ; elles savent mal vous faire revenir. La plupart des gens n’abandonnent pas parce que le suivi est compliqué, mais parce que rien n’est en jeu et que personne ne le remarque. Il fallait donc rendre la régularité visible, comparable et digne d’être défendue.

Ce que j’ai construit

Le défi est l’unité autour de laquelle tout s’articule : chacun porte une catégorie, un niveau de difficulté et des points de récompense. S’y inscrire relie le membre au défi, et chaque séance consignée, durée, intensité, calories, ressenti, alimente les points qui font vivre le classement. Derrière, un espace d’administration gère les membres, les défis et qui a le droit de rester.

Le résultat

Le membre voit sa série et son rang bouger le jour même où il s’entraîne, et c’est précisément ce qui le fait continuer à consigner. L’exploitant, lui, dispose d’un tableau de bord qui dit qui est actif, quels défis attirent et d’où vient le trafic, sans jamais ouvrir la base de données.

Ce que ça fait

Des défis par catégorie et par niveau, du cardio au HIIT
Consignation des séances : durée, intensité, calories et ressenti
Classement par points de l’ensemble des membres
Suivi personnel des défis avec séries et progression
Tableau de bord : utilisateurs, défis, bannissements et statistiques du site

À l’intérieur du produit

Un parcours écran par écran, de ce que voit l’utilisateur au tableau de bord qui fait tourner le tout.

Vos défis, au même endroit

Tout ce que le membre a rejoint, les défis en cours d’un côté et les terminés de l’autre. Chaque carte porte la barre de progression, la série en cours, les jours restants et le bouton pour consigner la séance du jour : l’action suivante n’est jamais à plus d’un geste.

Page Mes défis avec progression, série en cours et jours restants sur chaque défi

Le tableau de bord à l’ouverture

Membres, défis actifs, séances consignées et calories brûlées sur l’ensemble de la plateforme, avec une semaine d’inscriptions aux défis en dessous. Il dit si la communauté a grandi cette semaine avant même qu’on pose la question.

Tableau de bord avec totaux de membres, défis, séances et calories au-dessus d’un graphique d’inscriptions hebdomadaires

Comment la communauté s’entraîne vraiment

Les catégories que les gens choisissent, l’intensité qu’ils y mettent, ce qu’ils ressentent après et le moment de la journée où ils s’y mettent. De quoi transformer un tas de séances isolées en une image de ce que ce public réclame.

Graphiques des catégories préférées, de l’intensité des séances, des niveaux et des horaires d’entraînement

Les défis qui fonctionnent

Chaque défi classé selon le nombre de participants, à côté de sa catégorie, son niveau, sa durée et sa récompense. Ceux qu’il faut reconduire et ceux dont personne n’a voulu apparaissent d’un même coup d’œil.

Tableau des meilleurs défis classés par participants avec catégorie, niveau, durée et récompense

Qui est sur le site en ce moment

Visiteurs en direct, sessions, temps passé moyen et taux de rebond, avec la courbe quotidienne du mois. De quoi distinguer une semaine calme d’une page qui a discrètement cassé.

Statistiques de visite avec visiteurs en direct, sessions, taux de rebond et courbe quotidienne

D’où vient le trafic

Sources, appareils, pays, navigateurs et les pages sur lesquelles les gens arrivent vraiment. Assez pour savoir quel canal mérite l’effort et lequel ne l’a jamais mérité.

Répartition des sources de trafic, des appareils, des pays, des pages et des navigateurs

Gérer le catalogue de défis

Une recherche, des filtres par catégorie, niveau ou statut, puis la consultation, la modification ou la suppression depuis le même tableau. En publier un nouveau tient à un bouton.

Tableau de gestion des défis avec recherche, filtres, statut et actions par ligne

Garder un œil sur les membres

Combien de membres, combien sont en plein défi, combien ont décroché, et qui s’est inscrit cette semaine. C’est le troisième chiffre qui sert, parce qu’il désigne les personnes à reconquérir.

Vue d’ensemble des membres avec totaux, membres engagés dans un défi, inactifs et inscriptions de la semaine

Chaque membre, une ligne

Niveau, moment d’entraînement préféré, défis rejoints, séances consignées et date d’arrivée, le tout consultable par nom. C’est la différence entre savoir qu’un chiffre a monté et savoir qui l’a fait monter.

Tableau des membres listant niveau, horaire préféré, défis, séances et date d’inscription

Réalisé avec

Next.js
TypeScript
Tailwind CSS
Prisma
PostgreSQL
BetterAuth

Vous voulez quelque chose comme ça ?

Dites-moi ce dont votre activité a besoin et je vous dis ce qu’il faut pour le construire.

Démarrer un projet