Patient Zero — Alogia
Problème
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.
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 activé côté système. Radix UI pour les composants, i18n pour le multilingue, Firebase pour le déploiement.
Résultat
Un site qu'on peut vraiment montrer — pas juste un exercice rendu à un prof. L'accessibilité a guidé toutes les décisions d'intégration, pas été ajoutée à la fin.
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.
Animations
Motion
prefers-reduced-motion respecté
Langues
i18n
multilingue natif
Contexte
Workshop
équipe, carte blanche