PrepaTutor

J’ai commencé par la façon dont une prépa fonctionne réellement, parce que c’est là que le produit allait vivre ou mourir. En suivant la circulation de l’information sur une semaine ordinaire, la même image revenait sans cesse : le cours dans un outil, l’emploi du temps sur une feuille, les notes dans des tableurs, les annonces dans une conversation de groupe, et la vraie discussion dans un canal parallèle que l’établissement ne voit jamais. Personne n’avait la vue d’ensemble, et surtout pas l’administration.

Cartographier qui avait besoin de quoi a révélé le problème le plus dur. Six types de personnes allaient vivre dans ce produit, et leurs journées se recoupent à peine : un élève pense en matières et en échéances, un enseignant en classes, un surveillant en présences, l’administration en comptes, en structure et en bulletins. Réglée pour l’un d’eux, la plateforme aurait échoué pour les cinq autres.

La carte dessinait une forme. Non pas un produit étiré sur six rôles, mais trois produits derrière une seule ossature : un réseau social où vit la promo, un espace d’apprentissage où se joue le cours, et une administration d’où se pilote l’établissement. L’ossature, navigation, recherche et notifications, est identique pour tous ; ce qu’elle contient s’assemble selon le rôle.

Trois principes sont sortis du cadrage et ont survécu à toutes les revues qui ont suivi. Rejoindre les élèves dans des usages qu’ils connaissent déjà. Faire de la matière l’unité à laquelle tout se rattache. Et laisser le rôle façonner la surface, pour que personne ne porte une interface qui n’est pas la sienne.

L’écran au plus fort enjeu était le premier après la connexion, parce qu’il décide en silence de ce qu’est la plateforme. Je l’ai exploré dans trois directions : un tableau de bord qui résume votre situation, un portail qui vous oriente vers vos outils, et un fil de réseau qui montre la vie de la promo.

Des parcours sur papier ont vite éliminé les deux premières. Le tableau de bord répond à une question, où en suis-je, que personne ne se pose chaque jour ; c’est l’écran que l’on ouvre quand une échéance tombe, exactement l’usage auquel l’établissement voulait échapper. Le portail était honnête mais creux, un couloir de portes où rien ne retient. Le fil était la seule direction où un élève a une raison de revenir entre deux échéances.

La couche sociale a demandé le plus d’itérations, parce que son mode d’échec était évident dès le départ : un flux unique pour tout l’établissement, où une question de physique se noie entre les annonces. La structure qui a tenu sépare la conversation par périmètre. Le fil de l’établissement porte la vie et les annonces ; chaque matière a son propre mur où la classe échange dans son contexte.

La messagerie était l’autre bifurcation. Une messagerie autonome aurait affronté de face la conversation de groupe que les élèves ont déjà, et perdu. Placée dans la plateforme, à un clic de partout, elle gagne sur la seule chose qu’un canal parallèle ne peut pas offrir : une ligne directe et en contexte vers un enseignant.

La première structure d’une matière empilait tout sous une arborescence de cours, et elle échouait à la question la plus simple qu’un élève pose : où sont mes devoirs ? La version livrée aplatit chaque matière en onglets par couleur, mur, cours, conférences, devoirs, supports, évaluations : la position est toujours à un regard.

Une leçon se joue en vidéo avec son quiz sur la même page, et la progression est suivie pour reprendre un cours exactement là où il s’était arrêté. Le pari est pédagogique : vérifier sa compréhension juste après avoir regardé vaut mieux que découvrir la lacune à la prochaine colle.

L’administration a reçu la même attention de design que les surfaces des élèves, pour une raison simple : si l’équipe ne peut pas piloter l’établissement depuis là, elle retourne aux tableurs et la plateforme meurt de l’intérieur. L’administration est donc un vrai produit : les comptes et les rôles, un constructeur visuel pour la structure académique, les emplois du temps, et des bulletins menés comme un circuit.

Le circuit des bulletins est le cas le plus net de conception d’un processus plutôt que d’un écran. Les notes voyageaient en fichiers, avec tous les risques que cela implique. Ici, un bulletin traverse quatre états, brouillon, transmis, validé, publié, et un élève ne peut jamais voir que le dernier. L’état est visible à chaque étape : la responsabilité n’est jamais ambiguë.

La question d’identité était de faire qu’un produit scolaire sérieux paraisse appartenir à des élèves de dix-huit ans sans le déguiser en jouet. La voie sûre, l’illustration edtech générique, aurait vieilli en une saison. La direction qui a tenu venait du bureau lui-même : un cahier. Un fond de papier chaud, une réglure discrète, une marge rouge. « École », dit par la structure, sans une seule illustration.

La couleur est un système avec des rôles. Un seul bleu électrique porte chaque action et rien d’autre ; chaque rôle et chaque matière garde une couleur fixe, pour que l’interface reste lisible à mesure qu’elle se remplit. Les deux thèmes partent d’un même socle de fondations, conçus ensemble dès le premier jour : le sombre est un mode natif, pas une inversion après coup.

PrepaTutor a été livré comme une seule plateforme portant trois produits, six rôles et deux thèmes, à travers des sites isolés par région. La mesure qui compte le plus pour moi est plus discrète qu’un lancement : la vie officielle de l’établissement et la vie quotidienne de la promo se passent désormais au même endroit, la seule chose que les outils dispersés ne pouvaient pas faire.

La leçon durable tient à l’ordre des choses. La carte des accès et l’exploration de l’accueil, toutes deux réalisées avant le moindre écran soigné, ont fait plus pour la qualité finale que n’importe quelle itération visuelle ensuite. Sur un produit comme celui-ci, le processus n’est pas une charge ; c’est là que le produit se décide vraiment.