Une transition bien placée explique quelque chose qu'aucun texte n'aurait dit aussi vite : d'où vient cet élément, ce qui vient de changer, où regarder maintenant. Une transition mal placée fait attendre. La différence n'est pas une question de goût, c'est une question de fonction — et la première question qu'on pose à une animation est ce qu'elle apporte si on la retire.
Le mouvement a aussi un coût. Une animation qui fait travailler le navigateur sur les mauvaises propriétés saccade sur la moitié des appareils, et l'appareil qui saccade est rarement celui du studio. On anime donc ce qui se compose sans repeindre la page, et on mesure plutôt qu'on suppose.
Enfin, tout le monde ne veut pas de mouvement, et certains ne le supportent pas. Le système d'exploitation permet de le dire ; le site doit l'écouter. Chaque animation a une version immobile qui reste compréhensible.
Ce que ça recouvre
Transitions et enchaînements
Ce qui relie deux états ou deux pages, pour que le passage se comprenne au lieu de se subir.
Animations au défilement
Révéler au rythme de la lecture, pas faire un spectacle pendant qu'on essaie de lire.
Micro-interactions
Un bouton qui répond, un champ qui confirme. Les petits retours qui font qu'une interface semble vivante.
Mouvement réduit
Respect de la préférence système, avec un rendu immobile qui dit la même chose.
Questions fréquentes
- Utilisez-vous des templates ?
- Non. Pas de templates, pas de banques d'images, pas de discours d'agence générique : chaque projet part de ce qui le rend différent.
- Qui rédige le contenu du site (textes, images) ?
- Ça se construit ensemble. Vous connaissez votre activité, on structure et on met en forme ; on peut aussi accompagner la rédaction si besoin, mais on n'invente jamais un contenu générique à votre place.
- Je n'ai pas encore d'identité de marque (logo, couleurs), est-ce un problème ?
- Non, si une direction visuelle n'existe pas encore, on la construit comme partie du projet. Si elle existe déjà, on s'appuie dessus plutôt que de la réinventer.
- Combien de propositions de design vais-je voir ?
- Une direction de départ, affinée avec vos retours jusqu'à validation, pas une multitude d'options qui dilue la réflexion, ni une seule proposition à prendre ou laisser.
Les autres expertises
Parlons de votre projet.
Dites-nous où vous en êtes. On revient avec une lecture du problème avant de parler design.