SavoirPlus
En une phrase
Motiver sans mettre la pression.
En bref
- Mon rôleSeule, de l'idée au site en ligne : concept, identité, interface, code et mise en ligne. Le but du cours était de développer l'application, pas de créer un logo.
- Ce que j'ai faitUne plateforme complète, de l'identité au code : une mascotte, 9 exercices, des niveaux et des badges.
- Ce que j'en retiensLa progression reste enregistrée d'une visite à l'autre, mais rien ne permet de recommencer à zéro. J'ajouterais un bouton « Recommencer » : tout le monde ne connaît pas les astuces du navigateur.
Les choix qui comptent
- Une couleur par matièreMaths, français, sciences se repèrent d'un coup d'œil, et jamais par la couleur seule : toujours avec un texte.
- Pas de chrono sur les exercices à trousMon parti pris : réfléchir prend du temps. Seuls les QCM sont chronométrés.
- Une mascotte qui récompenseRépondre juste en moins de 17 secondes anime La Circulaire, de plus en plus vite.
2 animations, 2 usages :
Accueil : une animation en boucle, pour l'ambiance.
Récompense : l'animation s'accélère jusqu'à « En feu ».
Illustrations générées par IA.
Résultat
En ligne. Accessibilité et performance mesurées avec Lighthouse, puis corrigées : en septembre 2026, j'ai repris les contrastes qui ne passaient pas.
Fiche technique
- HTML
- CSS
- JavaScript
- Bootstrap
- GitHub
- Vercel
- Adobe Firefly