Une page qui bouge, pas une page qui s'agite.
Le mouvement guide le regard et fait comprendre. Bien employé, il fait la différence entre un site qu'on visite et un site dont on se souvient.
Ce que ça règle
Vos animations sont jolies et coûteuses
Effets empilés, calculs à chaque défilement, batterie qui chauffe. Une animation mal construite se paie en visiteurs perdus.
Le mouvement ne raconte rien
Tout apparaît en fondu, au même rythme. Quand tout bouge pareil, plus rien n'attire l'œil.
Ça saccade sur mobile
Fluide sur votre écran, saccadé sur un téléphone milieu de gamme. Un site animé se juge sur l’appareil le plus lent.
Ce qui est livré
- Scroll narratif : la page se raconte à mesure qu’on descend (GSAP ScrollTrigger)
- Transitions de page : la navigation devient continue, sans rechargement blanc
- Animations de texte lettre à lettre ou mot à mot (SplitText)
- Micro-interactions : survols, curseur, boutons, retours visuels
- WebGL léger : fond animé, distorsion d’image, objet 3D, dégradable proprement
- Budget de performance tenu : 60 images par seconde, et prefers-reduced-motion respecté
Comment ça se passe
On définit l'intention
Ce que le mouvement doit faire comprendre.
En détail
Sans réponse à cette question, on produit de la décoration coûteuse.
On prototype tôt
Une version jouable dans le navigateur, très vite.
En détail
Une animation ne se juge pas sur une image fixe : on tranche sur le vrai rendu.
On construit sur une timeline
GSAP plutôt que des effets CSS empilés.
En détail
Des séquences maîtrisées, réglables au centième, et désactivables d'un bloc.
On mesure sur du vrai matériel
Images par seconde contrôlées sur mobile milieu de gamme.
En détail
Ce qui ne passe pas est coupé proprement : un site qui rame annule tout le bénéfice de l'animation.
Questions fréquentes
Est-ce que ça ralentit mon site ?
Mal fait, beaucoup. Bien fait, la différence est invisible : les animations reposent sur ce que le navigateur sait accélérer, et le budget de performance fait partie du cahier des charges.
Et sur mobile ?
Tout est testé sur de vrais appareils. Ce qui ne tient pas soixante images par seconde est simplifié ou coupé : un effet dégradé vaut toujours mieux qu’un effet qui saccade.
Certaines personnes sont gênées par le mouvement. Vous en tenez compte ?
Systématiquement. Quand la préférence « réduire les animations » est active, le site supprime le mouvement sans rien perdre du contenu. C'est une exigence d'accessibilité, pas une option.
Autres prestations
Un projet qui mérite du mouvement ?
Montrez-moi vos maquettes ou votre site actuel. Je vous dis ce qui est faisable, ce que ça coûte en performance, et ce qui n'en vaut pas la peine.
Et après ?
- Vous décrivez votre projet en quelques clics, dans le formulaire.
- Je vous envoie un devis détaillé sous 48 h.
- On l'ajuste ensemble avant que quoi que ce soit ne démarre.