Le contexte
On avait carte blanche : la seule consigne, c'était de faire quelque chose d'innovant. On a choisi de faire le site de communication de notre propre jeu vidéo, Alogia, comme le ferait un vrai studio.
Mon approche
Site React + Vite construit en équipe. Motion pour les animations, dont l'intro qu'on a travaillée le plus. L'accessibilité n'était pas une contrainte imposée : on a tout revu pour ça, y compris le respect de prefers-reduced-motion, qui coupe automatiquement les animations si l'utilisateur l'a demandé côté système. Radix UI pour les composants, i18n pour le multilingue, Firebase pour le déploiement.
Ce que j'en retire
Un site qu'on peut vraiment montrer, pas juste un exercice rendu à un prof. Ce que j'en garde : l'accessibilité coûte peu quand elle guide les décisions dès le départ, et énormément quand on essaie de la rajouter à la fin. Ici, elle a guidé toutes les décisions d'intégration.
Le brief était simple : innover. Notre réponse : traiter un projet de cours comme un vrai produit, avec un niveau d'accessibilité qu'on voit rarement dans des projets étudiants.
Motion
Animations
prefers-reduced-motion respecté
i18n
Langues
multilingue natif
Workshop
Contexte
équipe, carte blanche