AMANDINE·VDW, accueil

Tous les projets

Développement web · Projet fictif

SavoirPlus

Évaluation finale IFOSUP (juin 2026) : une plateforme d'exercices pour le secondaire, sur un brief parodique

Page d'accueil de SavoirPlus : hero avec la mascotte La Circulaire, accroche "Apprendre autrement. Progresser vraiment." et CTA vers les exercices
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.

Accueil — cliquer pour lancer

Récompense : l'animation s'accélère jusqu'à « En feu ».

Mascotte La Circulaire, frame 1 : Cool
Cool
Mascotte La Circulaire, frame 2 : Tiède
Tiède
Mascotte La Circulaire, frame 3 : Chaud
Chaud
Mascotte La Circulaire, frame 4 : Critique
Critique
Mascotte La Circulaire, frame 5 : En feu
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