Mission agence — Mazette · 2026 · Services & Conseil
Tasty Video : site Webflow riche en vidéos et performant
Un site de production vidéo, donc rempli de vidéos — l'exact opposé de ce qu'aime un site rapide. Tout le travail a consisté à intégrer ce volume sans faire s'effondrer les performances.
- Contexte
- Mission agence — Mazette
- Rôle
- Développement Webflow complet
- Durée
- 4 semaines
- Année
- 2026
- Stack
- Webflow
- Finsweet Attributes
- Vimeo
- LottieFiles
- JavaScript custom
- GTM
- GA4
- Axeptio
Le contexte
Tasty Video est une société de production vidéo. Leur site devait montrer leur travail — donc afficher beaucoup de vidéos, sur presque toutes les pages. C’est précisément le genre de contenu qui alourdit un site si on l’intègre naïvement.
Le compromis vidéo / performance
Une vidéo chargée au mauvais moment, c’est plusieurs secondes perdues au chargement de la page. Multiplié par le nombre de vidéos présentes ici, le site devient inutilisable.
L’intégration s’appuie sur Vimeo, complétée par des scripts JavaScript sur-mesure pour contrôler précisément quand chaque vidéo se charge et se déclenche. Le visiteur ne télécharge que ce qu’il regarde vraiment.
Animations et templates conditionnels
Le site est très travaillé visuellement, avec un ensemble d’animations à caler — en veillant à ce qu’elles n’entrent pas en concurrence avec le chargement des vidéos.
Côté CMS, plusieurs templates utilisent des conditions de visibilité : un même gabarit s’adapte selon les champs renseignés sur l’item, au lieu de multiplier les templates presque identiques.
En chiffres
- 16 pages
- 6 collections CMS
- 3 templates CMS
- 39 components