Exoteach

Les fondateurs voulaient un logo « imagé », moderne et un peu ludique, qui raconte la plateforme plutôt que de simplement écrire son nom.

Chaque piste part d’une idée : un X fait de deux chevrons, pour la progression et les trois publics (élèves, professeurs, gérants) ; un atome ; un cerveau fait de connexions entre les savoirs ; un cube où un E trace un parcours et finit en chapeau de diplômé ; des trombones entrelacés en cœur, pour les copies papier. Je les ai présentées sans explication, pour ne pas orienter le premier ressenti, et l’équipe les a soumises à son entourage.

Toutes les pistes sont ressorties au moins une fois dans le top de quelqu’un : il fallait choisir celle qui tiendrait partout, du favicon au site.

Le monogramme réunit les trois lettres d’EXO : le E arrondi, le X en chevron, le O en point. C’est la piste qui a eu le plus de retours positifs, et pour moi celle qui avait l’identité la plus forte et la moins commune. Je l’ai ensuite affiné, passé en dégradé du turquoise au violet, et décliné pour fond clair ou sombre, en couleur ou en noir et blanc, en version complète ou en symbole seul pour le favicon.

Première page vue à chaque connexion, l’accueil doit donner envie sans devenir un fourre-tout, alors que chaque établissement a ses couleurs et ses fonctions.

J’ai croisé le tableau d’affichage des écoles, l’annonce en post-it, et une grille de blocs : analyse, missions du jour, agenda. Éprouvée avec d’autres combinaisons (la messagerie à la place de l’agenda), la page tient d’un établissement à l’autre. Chaque rubrique a sa couleur ; chaque établissement habille un modèle soigné à ses couleurs.

Une matière compte des dizaines de cours et des milliers d’exercices : sans ordre, l’élève ne sait pas par où commencer.

Chaque matière s’ouvre sur ses dossiers, puis ses leçons en cartes : le type de support d’un coup d’œil, le nombre de pages, la durée, et une barre qui montre où l’élève en est. Trois onglets séparent ce qu’on apprend, ce sur quoi on s’entraîne et sa progression.

Défilements imbriqués et contenus éparpillés : l’interface demandait un effort avant même de réviser.

Le support au centre, ses pages et ses vidéos en vignettes à gauche, à droite les séries d’exercices liées, avec un bouton pour en générer une nouvelle. L’assistant IA tient dans un champ « Une question ? » en bas du panneau : il répond dans le contexte du cours ouvert, sans fenêtre de chat qui surgit.

Un bandeau contextuel occupait le haut de l’écran pour répéter une information déjà affichée.

Je l’ai supprimé, et la navigation est passée d’une barre en haut à une barre latérale. Elle rend de la hauteur au support. Pendant une série d’exercices, elle disparaît : il reste la question, le chrono et la progression.

Une note seule ne dit pas si l’on progresse, ni où l’on se situe dans sa promo.

La fiche d’une série réunit tout : sa note face à la moyenne, la meilleure et la moins bonne, le classement, le temps passé et l’évolution mois après mois. Un bouton reprend la série là où on l’avait laissée.