Animations web
Labo d'animations
Client : SolideoDigital
Un laboratoire d'animations web en temps réel : chargements, scènes 3D, transitions de page et identité de marque, calculées par votre navigateur.
Animation Lab est le laboratoire d'animations web de Solideo Digital : une vitrine de ce qu'un site peut offrir au-delà de pages statiques, entièrement calculé en temps réel par le navigateur du visiteur, sans vidéo ni plugin.
Vingt-trois animations y sont réunies en quatre collections. Des écrans de chargement qui transforment l'attente en moment de marque (réseau de particules, double hélice, égaliseur, sphère de données). Des scènes 3D complètes et réglables (océan, terrain procédural avec cycle jour et nuit, tunnel spatial, galaxie). Des transitions de page (rideau de particules, morphing liquide, livre feuilleté). Et une identité animée : le logo Solideo Digital qui naît d'un nuage de vingt mille particules.
Chaque animation est interactive : vitesse, intensité, formes ou couleurs se règlent en direct, et un double-clic l'affiche en plein écran.
Le projet est aussi une démonstration de rigueur technique. Une animation n'est chargée que lorsqu'elle apparaît à l'écran, se met en pause dès qu'elle en sort et libère sa mémoire : la page reste fluide et économe en batterie, y compris sur téléphone. Les animations restent à l'arrêt si le système du visiteur demande de réduire les mouvements, et un message clair remplace la scène si le navigateur ne peut pas l'afficher.
Le site respecte la charte graphique Solideo Digital et n'appelle aucun service tiers : polices, scripts et logo sont hébergés sur place. Il est déployé dans un conteneur Docker sécurisé, derrière un reverse proxy avec HTTPS.
Ces techniques s'intègrent dans tout site sur mesure : un chargement aux couleurs de votre marque, des transitions qui guident la navigation, ou un logo animé pour une page d'accueil mémorable.
Vingt-trois animations y sont réunies en quatre collections. Des écrans de chargement qui transforment l'attente en moment de marque (réseau de particules, double hélice, égaliseur, sphère de données). Des scènes 3D complètes et réglables (océan, terrain procédural avec cycle jour et nuit, tunnel spatial, galaxie). Des transitions de page (rideau de particules, morphing liquide, livre feuilleté). Et une identité animée : le logo Solideo Digital qui naît d'un nuage de vingt mille particules.
Chaque animation est interactive : vitesse, intensité, formes ou couleurs se règlent en direct, et un double-clic l'affiche en plein écran.
Le projet est aussi une démonstration de rigueur technique. Une animation n'est chargée que lorsqu'elle apparaît à l'écran, se met en pause dès qu'elle en sort et libère sa mémoire : la page reste fluide et économe en batterie, y compris sur téléphone. Les animations restent à l'arrêt si le système du visiteur demande de réduire les mouvements, et un message clair remplace la scène si le navigateur ne peut pas l'afficher.
Le site respecte la charte graphique Solideo Digital et n'appelle aucun service tiers : polices, scripts et logo sont hébergés sur place. Il est déployé dans un conteneur Docker sécurisé, derrière un reverse proxy avec HTTPS.
Ces techniques s'intègrent dans tout site sur mesure : un chargement aux couleurs de votre marque, des transitions qui guident la navigation, ou un logo animé pour une page d'accueil mémorable.