Aurora
Aurora est une plateforme d'analytics produit propulsée par l'IA : elle transforme les données brutes en décisions, avec des insights générés en langage naturel. Le défi côté studio : rendre la donnée vivante sans jamais sacrifier la fluidité.
Cette démo pousse le motion design web à fond : transitions pilotées au scroll, dégradés « aurora » animés en continu et micro-interactions calibrées pour tenir 60 fps, même sur mobile.
Étude de cas
Le défi
Les tableaux de bord analytics sont souvent figés et intimidants. Il fallait donner envie d'explorer la donnée avec une interface qui respire et réagit — sans jank ni ralentissement.
L'approche
Animations déclenchées au scroll (IntersectionObserver + requestAnimationFrame), dégradés animés en CSS/Canvas et transitions d'état fluides via l'API View Transitions. Chaque interaction est budgétée sous 16 ms/frame et respecte prefers-reduced-motion.
Le résultat
Une interface qui donne envie de creuser les chiffres : 60 fps constants, temps d'exploration des dashboards nettement allongé en test utilisateur, et une identité visuelle mémorable.
Stack du projet
Points clés
- Animations pilotées au scroll à 60 fps
- Dégradés « aurora » animés en continu
- Transitions d'état via View Transitions API
- Respect de prefers-reduced-motion