Réalisation d’une animation Lottie pour le hero d’un site WordPress
Une animation orientée performance pour un plugin de performance
Dans le cadre d’un projet mené avec WP Rocket, Delmare Studio a conçu une animation Lottie (Lire l’article “Qu’est-ce qu’une animation Lottie ?“) destinée à illustrer les bénéfices du plugin sur leur landing page. WP Rocket est un plugin WordPress premium qui vise à optimiser la vitesse de chargement des sites grâce à des fonctionnalités telles que :
- la mise en cache automatique,
- la minification des fichiers CSS/JS,
- le lazy loading des images,
- et l’intégration simplifiée avec les CDN.
Notre objectif : créer une animation légère et performante, parfaitement alignée avec l’ADN du produit.
L’enjeu principal de notre intervention était double :
- Optimiser les performances de l’animation elle-même pour rester alignés avec la promesse produit de WP Rocket. Améliorer la rapidité et l’efficacité des sites web.
- Présenter visuellement, de manière claire et vulgarisée, les principales fonctionnalités du plugin, dans un format engageant et accessible à tous les profils d’utilisateurs.
Nous avons fait le choix de la technologie Lottie pour sa capacité à générer des animations légères, scalables et performantes. Lottie permet l’intégration fluide d’animations vectorielles directement dans le DOM. Le temps de chargement est réduit et une consomme peu de ressources. C’est une solution idéale pour ce type de contexte : responsive, économe et parfaitement adaptée aux exigences du web moderne.
Pour en savoir plus sur “Lottie”, consultez nos articles sur ce sujet.
-
Compilation d’intégrations Lottie #1
Nous vous proposons cette première compilation d’intégrations Lottie pour découvrir les bons et différents usages de la techno. Lire l’article ⟶