Barberin
Animation 3D et vidéo
montrer plutôt qu’expliquer
Animations web, vidéos IA et modélisation 3D pour captiver votre audience.
Une animation bien placée montre en dix secondes ce qu'un paragraphe de trois cents mots peine à expliquer : comment fonctionne votre machine, à quoi ressemble votre produit sous tous les angles, ce qui se passe pendant votre intervention. Mal placée, elle ralentit la page et agace. Toute la question est là — et elle se tranche avant de produire quoi que ce soit.
Cinq types de contenus animés
Micro-animations
Une icône qui s'anime, un bouton qui réagit, un élément qui apparaît en douceur au défilement. Quelques kilo-octets, aucun effet mesurable sur la vitesse, et un site qui semble aussitôt plus soigné.
Objets en trois dimensions
Un produit qu'on fait tourner du bout du doigt, directement dans le navigateur, sans rien installer. Convaincant pour un objet dont la forme est l'argument — inutile pour une prestation de service.
Vidéo explicative
Soixante à quatre-vingt-dix secondes pour présenter un service ou un fonctionnement. Écriture, découpage et production compris. Elle sert aussi sur vos réseaux et dans vos courriels, ce qui améliore le calcul.
Vidéo générée par IA
Des images riches pour un budget contenu. Adaptée à l'illustration et aux réseaux. À éviter dès qu'il s'agit de montrer votre travail réel : présenter une image générée comme une réalisation serait trompeur.
Habillage animé
Générique, transitions, habillage de présentation ou d'événement. Pour prolonger votre identité visuelle en mouvement, avec la même cohérence.
Le piège de la vidéo d'accueil
C'est la demande la plus fréquente et, neuf fois sur dix, la plus mauvaise idée : la vidéo qui tourne en boucle derrière le titre de la page d'accueil. Elle est spectaculaire sur l'écran du bureau, et coûteuse partout ailleurs.
Une telle vidéo se charge avant même que le visiteur ait décidé de rester. Sur un téléphone avec une connexion moyenne, elle repousse l'affichage du texte de plusieurs secondes — précisément le critère que Google mesure et qui décide de l'abandon. Elle consomme aussi les données de vos visiteurs, ce qui n'est jamais un cadeau.
Et l'effet recherché s'obtient presque toujours autrement : une belle photographie de votre travail, bien préparée, pèse cent fois moins et raconte souvent davantage. Quand la vidéo d'accueil se justifie vraiment — un hébergement de charme, un lieu à faire ressentir — on la met en place avec des précautions : format allégé, image fixe de repli, chargement différé, arrêt respecté si le visiteur a demandé moins d'animations sur son appareil.
C'est le même raisonnement que sur la page performance et accessibilité : tout ce qu'on ajoute à une page se paie, et l'ajout doit rapporter plus qu'il ne coûte.
Notre processus
-
1
Décider si ça vaut le coup
Quel message doit passer, à qui, et pourquoi une animation le ferait mieux qu'un texte ou une photo. On fixe aussi la limite de poids acceptable dès le départ — c'est ce qui évite les mauvaises surprises à la fin.
-
2
Écrire et découper
Le texte d'abord, puis le découpage image par image. Vous validez l'histoire et le style avant qu'on produise quoi que ce soit — c'est le moment où corriger ne coûte presque rien.
-
3
Produire
Animation, modélisation ou génération selon le format retenu, avec les allers-retours nécessaires jusqu'à validation. Vous voyez des versions intermédiaires plutôt qu'un résultat final à prendre ou à laisser.
-
4
Intégrer sans alourdir
Formats compressés, chargement uniquement quand l'élément arrive à l'écran, image de repli. On mesure la vitesse de la page avant et après : si l'écart est trop important, on ajuste plutôt que de livrer.
Lottie
GSAP
Three.js
Spline- CSS Animations
Blender- After Effects
- Runway
- Sora
- Kling
Questions fréquentes
Les animations ralentissent-elles le site ?
Cela dépend entièrement du type. Les micro-animations pèsent quelques kilo-octets et ne changent rien. Une vidéo chargée seulement au clic n'a aucun effet tant qu'on ne clique pas. En revanche, une scène en trois dimensions ou une vidéo d'arrière-plan automatique ont un coût réel, et c'est pour cela qu'on mesure avant et après. Prétendre qu'aucune animation ne ralentit un site serait faux.
Quelle durée pour une vidéo de présentation ?
Soixante à quatre-vingt-dix secondes. Au-delà, l'attention chute nettement, sauf pour une démonstration technique ou une formation, où l'on vient justement chercher du détail. Mieux vaut trois vidéos courtes qu'une longue que personne ne termine.
Vous occupez-vous du texte et du découpage ?
Oui, de bout en bout : écriture, découpage, production, livraison dans les formats adaptés au web. Vous validez à chaque étape. En revanche, les informations de fond — ce qui fait votre métier — viennent de vous, et c'est ce qui rend la vidéo juste.
La vidéo générée par IA convient-elle à une petite structure ?
Pour de l'illustration et des contenus de réseaux sociaux, oui : c'est justement ce qui rend accessible ce qui ne l'était pas. Pour montrer vos réalisations, non — une image générée présentée comme un chantier réel se retourne contre vous le jour où quelqu'un s'en aperçoit. La vraie photo reste supérieure, et elle ne coûte rien.
Et pour les visiteurs sensibles au mouvement ?
Certaines personnes règlent leur appareil pour limiter les animations, souvent pour des raisons médicales — vertiges, migraines. Ce réglage est détectable, et nos animations le respectent : elles se figent au lieu de s'exécuter. C'est un point d'accessibilité rarement pris en compte, et pourtant simple.
