/ Étude de cas / Récit interactif
Nova
Une page qui se raconte au défilement : la vie d’une nova, de la poussière à l’explosion, en 80 000 particules 3D et avec une voix d’audioguide. Les premiers astronomes ont appelé ces étoiles « nova », nouvelle : elles n’étaient pas nouvelles, seulement enfin vues. C’est notre métier, et le site le dit.
Formule Signature + animation 3D sur mesureLe contexte
Nous voulions une démonstration au niveau des sites primés par Awwwards, qui raconte quelque chose plutôt que d’aligner des effets. L’histoire est vraie : le 11 novembre 1572, l’astronome Tycho Brahe voit apparaître une étoile inconnue dans Cassiopée et l’appelle « nova ». Le site part de là, puis remonte le temps jusqu’à la poussière d’où vient toute lumière.
Ce que nous avons fait
Un écran d’entrée qui propose le son, puis un prologue où Cassiopée se dessine, une étoile nouvelle s’allume et la caméra plonge dedans jusqu’à l’explosion qui ouvre le site. Ensuite, sept chapitres au défilement : la poussière, le disque qu’une étoile morte arrache à sa voisine, le cœur qui bat de plus en plus vite, puis la nova, où tout le site bascule en lumière, et le nuage qu’elle laisse, rouge d’hydrogène et bleu-vert d’oxygène. Les couleurs suivent la vraie physique. Une voix lit chaque chapitre et les mots s’allument au fil de la lecture ; un son est créé en direct par le navigateur. Rien n’est une image ni une vidéo : tout est calculé en direct, jusqu’au nom de l’agence dessiné en particules.
Le résultat
Polices, voix et scripts sont hébergés sur le site : aucun autre serveur n’est contacté. Lighthouse, mesuré en ligne : 90 en performance sur mobile et 99 sur ordinateur, 100 en accessibilité, en bonnes pratiques et en référencement. Le récit reste lisible sans 3D, et le réglage « réduire les animations » est respecté. La voix est une synthèse vocale faite à partir d’un enregistrement libre de droits, citée dans le pied de page. Le site est en ligne sur demo-nova.lingering-star-537b.workers.dev.
Étude de cas suivante : Nervure Précision Toutes les réalisations
Votre projet
Parlons de votre projet.
Décrivez-nous votre besoin en quelques lignes. Nous revenons vers vous avec un devis clair, sans jargon et sans surprise sur le prix.
Demander un devis