Motion design & animation
Donner le mouvement : films de marque, animations d’interface, 3D temps réel.
01 — Notre approche
Ce que nous
faisons, et
comment
Une image qui bouge retient plus longtemps qu’une image fixe, à condition que le mouvement dise quelque chose. Nous animons ce qui a besoin de l’être : un film de marque, une démonstration de produit, un écran d’accueil, la respiration d’une page.
Le motion n’est pas un habillage ajouté à la fin. Il se dessine avec la charte — mêmes couleurs, mêmes typographies, mêmes formes — et se monte sur un rythme, souvent celui d’une musique, pour que chaque plan tombe juste.
Sur le web, nous l’écrivons en code plutôt qu’en vidéo dès que c’est possible : une animation qui se rejoue toute seule, se règle au pixel, pèse quelques kilo-octets et s’efface si le visiteur demande moins de mouvement.
Films de marque et vidéos de présentation
Animations d’interface et de site
Habillage animé de l’identité visuelle
3D temps réel dans le navigateur
02 — À qui cela s’adresse
Pour qui,
et pourquoi
À ceux qui doivent présenter en une minute ce qu’ils mettent d’habitude une heure à expliquer, à ceux dont le produit ne se comprend qu’en mouvement, et à ceux dont le site est juste — mais inerte.
Ce que cela résout :
- Votre offre est difficile à raconter par écrit, et personne ne lit la page jusqu’en bas.
- Vous avez une charte graphique, mais rien qui vive : réseaux sociaux, salons, écrans en boutique.
- Votre produit se manipule ; une capture d’écran n’en montre rien.
- Les animations de votre site ont été ajoutées après coup, et elles fatiguent plus qu’elles n’aident.
03 — Ce que vous recevez
Les livrables
- Un film court, monté sur une bande-son, aux formats dont vous avez besoin : paysage, carré, vertical.
- Sa déclinaison en extraits courts pour les réseaux sociaux, et son affiche.
- Des animations d’interface intégrées au site, écrites en code : elles se rejouent, se règlent et pèsent quelques kilo-octets.
- Le cas échéant, une scène 3D temps réel dans le navigateur — produit à tourner, configurateur, visualisation.
- Les fichiers sources, pour que le film puisse être repris plus tard.
04 — Comment cela se passe
-
01
Écrire
Ce que le film doit faire comprendre, dans quel ordre, et en combien de temps. Un scénario tient en une page ; s’il n’y tient pas, le film sera trop long.
-
02
Caler
Le rythme avant les images : la musique est mesurée, les plans sont bornés sur ses temps forts. C’est ce qui fait qu’un montage « tombe juste » sans qu’on sache dire pourquoi.
-
03
Dessiner
Chaque plan aux couleurs et aux typographies de votre identité. Les raccords se pensent à ce moment-là : une forme d’un plan devient l’élément du suivant.
-
04
Animer
Puis on regarde en mouvement, et on corrige : une entrée trop lente, un texte illisible, une transition qui se remarque plus que ce qu’elle relie.
-
05
Livrer
Aux formats utiles, encodés pour le web — et intégrés à votre site si c’est là qu’il vit.
05 — Deux réalisations
06 — Ce qui fait le prix
Budget et arbitrages
Un film se chiffre à la seconde et au nombre de plans : un montage de textes animés et un film qui met en scène un produit en 3D n’ont pas le même coût. S’y ajoutent la musique — libre de droits ou composée —, la voix off si le film en porte une, et les déclinaisons de format. Une animation d’interface, elle, se mesure au nombre d’écrans concernés et à ce qu’elle doit suivre : un simple fondu au défilement n’est pas une scène 3D qui réagit au son.
07 — Questions fréquentes
Faut-il nous fournir un scénario ?
Non. Vous nous dites ce que le film doit faire comprendre et à qui ; l’écriture fait partie du travail. Vous validez ce scénario avant que la moindre image soit produite — c’est l’étape où corriger coûte le moins cher.
Pouvez-vous animer notre logo et notre charte ?
Oui, et c’est le cas le plus fréquent : le motion prolonge une identité plutôt qu’il n’en invente une. Si la charte n’existe pas encore, nous la créons d’abord — voir l’expertise identité visuelle.
Une animation ne va-t-elle pas ralentir notre site ?
Pas si elle est écrite pour le web. Nous préférons le code à la vidéo quand c’est possible : quelques kilo-octets au lieu de plusieurs méga-octets, une netteté parfaite à toutes les tailles, et rien qui ne se charge avant d’être visible. Un film, lui, ne se télécharge que si le visiteur le lance.
Et les visiteurs que le mouvement gêne ?
Le système d’exploitation permet de demander moins d’animations. Nos sites respectent ce réglage : les mouvements s’effacent, le contenu reste entier. Un film, de son côté, ne démarre jamais tout seul avec du son.
Contact
Parlons-en.
Un projet, une refonte, une nouvelle identité ? Parlons-en simplement pour poser les bases et voir comment avancer ensemble.