Product Design · Plateforme de certification

FFCC by FFF

La plateforme officielle de certification des entraîneurs de la Fédération Française de Football : desktop-first, avec un coach IA qui a lu toutes les formations. Plus de 50 écrans, livrés en deux mois.

Role
Designer produit & visuel
Platform
Web app (desktop-first) · iOS · Admin
Timeline
2 mois · 2026
Deliverables
50+ écrans · UX/UI desktop & mobile · Console admin · Logo validé FFF
FFCC by FFF, couverture

Aperçu

01

FFCC, le French Football Coaching Center, est la plateforme de certification officielle de la FFF : les entraîneurs parcourent le catalogue de formations, étudient module par module, passent les quiz et les évaluations officielles, et obtiennent une certification numérotée et reconnue.

J'ai conçu tout le produit : l'app desktop-first, sa version mobile désormais sur iOS, et la console admin derrière (la partie qu'on ne voit pas). Plus de 50 écrans, livrés en deux mois.

Mon rôle
Piloté

Conçu tout le produit : desktop, mobile et console admin

Périmètre

Plus de 50 écrans dans la charte imposée de la fédération

Influence

Impulsé le choix desktop-first et le process prototype-first

Le problème

02

Une fédération ne vous tend pas une page blanche. Le logo devait passer la validation officielle de la FFF, la plateforme devait vivre dans leur charte graphique pré-imposée, et l'ensemble, catalogue, lecteur, quiz, paiements, certificats, admin, avait deux mois pour sortir. Les contraintes institutionnelles et la vitesse d'une startup, en même temps.

Signé FFF
le logo a passé la validation officielle de la fédération, et chaque écran respecte leur charte pré-imposée. Pas une maquette, la vraie signature.

Recherche & approche

03

La contrainte d'abord : une fédération ne vous tend pas une page blanche. Le logo devait passer la validation officielle de la FFF et chaque écran devait vivre dans leur charte pré-imposée : le vrai travail, c'était de dessiner de la liberté et de la modernité dans des rails institutionnels serrés. Je suis parti desktop-first, parce qu'un entraîneur s'installe vraiment pour décrocher une certification : catalogue pleine largeur, lecteur de modules façon document, quiz et évaluations officielles pensés pour le grand écran, puis le même parcours porté sur mobile. Et avant la moindre ligne de code, j'ai monté un prototype hybride Figma + IA et fait cliquer le vrai parcours, catalogue, formation, module, quiz, pour figer la navigation sur la façon dont les coachs bougent vraiment, pas sur des hypothèses.

  • Concevoir dans les railsLe logo est passé par la validation officielle de la FFF et chaque écran vit dans leur charte pré-imposée. Tout l'art était de trouver liberté et modernité dans la contrainte institutionnelle, pas autour d'elle.
  • Le prototype avant le codeUn prototype hybride Figma + IA m'a permis de tester au clic le vrai parcours, catalogue, formation, module, quiz, avant le développement. La navigation a été retravaillée sur la façon dont les coachs bougeaient vraiment, pas sur une hypothèse.
  • Desktop-first, puis portéPensé pour le grand écran où les coachs étudient vraiment, puis porté sur iOS et sur la console admin qui fait tout tourner. Plus de 50 écrans desktop, mobile et admin, livrés en deux mois.
Outil
Prototype hybride Figma + IA
Tâche
Transformer les écrans Figma en prototype cliquable pour tester la vraie navigation, pas un diaporama.
Prompt
« Câble catalogue formation module quiz certificat, pour qu'un entraîneur parcoure tout le trajet et se perde là où le design est faible. »
Jugement
Le prototype a révélé exactement où les entraîneurs hésitaient ; la navigation a été retravaillée avant le développement, pas après. L'IA a assemblé les parcours vite, les choix de design sont restés les miens.

Parcours

04

Décisions de design

04
FFCC by FFF, décision de design 1
La plateforme

Desktop-first, comme une vraie étude.

Un entraîneur s'installe pour sa certification : catalogue pleine largeur, lecteur façon document, quiz, évaluations officielles, paiements. Pensé d'abord pour le grand écran, avec la console admin qui fait tourner la machine derrière.

FFCC by FFF, décision de design 2
Le coach IA

Une IA qui a lu toutes les formations.

« My AI Coach » vit dans la plateforme et connaît déjà tout le cursus : demandez-lui l'échauffement d'un match U13, elle répond depuis le vrai cours, en contexte, avec un quota mesuré.

FFCC by FFF, décision de design 3
La sortie

Le même parcours, dans la poche.

La plateforme desktop portée en vraie app mobile, dashboard, formations, certificats, publiée sur iOS avec la vitrine « By the FFF, for coaches ».

Decision 04

Les écrans

05

Un produit officiel, livré.

Résultats

06

Deux mois, une fédération, une plateforme livrée.

50+
écrans livrés : desktop, mobile et admin
FFF
logo validé officiellement, charte respectée
Live
plateforme sortie, sur iOS aussi

Une fédération nationale a mis son nom sur mon design.

Étude de cas suivante
CIGO
Retour aux projets