Motion design : le guide de celui qui va en commander

Définition : ce qu'est le motion design, et ce qu'il n'est pas

Le motion design consiste à animer des éléments graphiques — formes, textes, illustrations, interfaces, objets en trois dimensions — pour transmettre une information. On l'appelle aussi graphisme animé ou animation graphique.

La distinction utile n'est pas technique, elle est fonctionnelle : il y a motion design quand le mouvement apporte une information que l'image fixe ne peut pas donner. Une courbe qui monte montre une progression. Une interface qui s'assemble montre un usage. Un moteur qui s'ouvre en deux montre un fonctionnement. Si le mouvement ne fait que décorer, ce n'est pas du motion design, c'est de l'animation d'habillage — utile aussi, mais qui ne se paie pas au même prix.

Ce n'est pas une vidéo tournée : aucune caméra, aucun comédien, aucun lieu à réserver. C'est ce qui rend le format à la fois plus souple (on modifie une phrase sans retourner le tournage) et plus exigeant (tout ce qu'on voit doit être fabriqué).

Ce n'est pas non plus de l'animation de personnages au sens du dessin animé. Un personnage peut apparaître dans une vidéo de motion design, mais le sujet reste l'information, pas le récit d'un héros.

Motion design, animation, motion graphics : les mots et ce qu'ils recouvrent

Le vocabulaire flotte, y compris chez les professionnels. Voici les définitions que nous utilisons dans nos forfaits, pour que personne ne se trompe sur le livrable.

La question que Google reçoit le plus souvent sur ce sujet est la différence entre animation et motion design. Réponse courte : toute vidéo de motion design est de l'animation, mais toute animation n'est pas du motion design. Le critère est l'intention — informer plutôt que raconter. Le détail des techniques est traité sur la page animation motion design.

Motion graphics ou motion design : la distinction qui change un devis

Les deux mots circulent comme des synonymes. Ils ne désignent pourtant pas le même achat, et la confusion se paie au moment de comparer deux propositions.

Le motion graphics, c'est l'élément animé lui-même : un logo qui se construit, un texte qui se met en mouvement, une forme géométrique, une bannière. On achète un actif visuel, court, réutilisable, fabriqué à partir d'éléments que vous fournissez le plus souvent.

Le motion design, c'est la discipline complète : il contient le motion graphics, mais il y ajoute l'écriture, le rythme, la narration, le choix des sons et la direction artistique. On n'achète plus un actif, on achète une intention — un message porté du début à la fin par le mouvement.

Traduit en devis : un logo animé se commande à la pièce, une vidéo explicative se commande au projet. Le premier se chiffre en jours d'animation, le second en jours d'écriture, de direction artistique et d'animation. Confondre les deux, c'est comparer le prix d'une porte avec celui d'une maison.

Les trois prestations de motion design les plus demandées

1. La vidéo explicative, en 2D ou en 3D. Quarante-cinq à quatre-vingt-dix secondes pour rendre limpide un produit, un service ou un mécanisme abstrait. C'est le format le plus commandé, parce qu'il se réutilise partout : page d'accueil, rendez-vous commercial, salon, formation. Notre page vidéos motion design en détaille les variantes.
2. L'habillage de marque animé. Un kit réutilisable — générique, transitions, écrans de fin, bandeaux de titrage — pour vos chaînes vidéo, vos webinaires et vos diffusions. Il se fabrique une fois et sert pendant des années, ce qui en fait l'investissement au meilleur rendement.
3. La publicité animée pour les réseaux sociaux. Des formats verticaux ou carrés, courts, pensés pour être compris sans le son et pour supporter la comparaison de plusieurs accroches. C'est le format qui se teste, donc celui qui s'optimise.

Les trois prestations de motion graphics les plus demandées

1. L'animation de logo. Trois à cinq secondes qui mettent une identité en mouvement, pour ouvrir ou fermer une vidéo, une présentation ou un événement.
2. La typographie cinétique. Le texte devient l'image : citations, chiffres, sous-titres rythmés. Indispensable pour les formats courts regardés sans le son, et traité en détail sur la page animation motion design.
3. Les icônes et micro-interactions d'interface. Boutons, états de chargement, confirmations : des animations de quelques dixièmes de seconde qui rendent un produit plus compréhensible à l'usage.

À quoi sert le motion design dans une entreprise

• Faire comprendre une offre difficile. C'est l'usage historique : un service abstrait, un logiciel, un mécanisme financier. Ce qui prend deux paragraphes se montre en douze secondes.
• Raccourcir un cycle de vente. Une vidéo de démonstration envoyée avant un rendez-vous évite d'expliquer deux fois la même chose et fait gagner une réunion.
• Accompagner un lancement. Nouvelle fonctionnalité, nouvelle marque, nouveau produit : le format animé est le seul qui se décline aussi vite sur tous les canaux.
• Former sans lasser. Une procédure interne expliquée en trois vidéos animées d'une minute est suivie jusqu'au bout ; le même document écrit ne l'est pas.
• Rendre un produit désirable. C'est le terrain de la 3D : montrer un objet ou un logiciel comme on montrerait une montre.

Ce que le motion design ne fait pas : créer une demande qui n'existe pas, remplacer une offre mal définie, ni compenser une page d'accueil confuse. Une vidéo installée sur une page floue rend la confusion plus visible, pas moins.

Les cinq techniques et ce qu'elles savent raconter

Le choix entre deux et trois dimensions n'est pas une question de goût mais de sujet : la 3D se justifie quand l'objet existe physiquement ou quand il faut en montrer l'intérieur. Ce point est développé sur la page motion design 3D.

Comment se fabrique une vidéo, étape par étape

1. Le brief. Quelques minutes en ligne, après la commande, pour dire le produit, la cible et l'endroit où la vidéo sera vue. Sans cette étape, on fabrique une jolie vidéo qui ne sert à rien.
2. L'écriture. Un script chronométré : environ 130 à 150 mots pour soixante secondes en français. C'est l'étape qui décide de tout le reste.
3. La direction artistique. Deux ou trois planches de style fixent couleurs, typographie et traitement graphique. On choisit ici, pas plus tard.
4. Le storyboard. Chaque phrase devient une vignette dessinée. C'est le plan de la vidéo, et c'est le document le plus utile du projet.
5. L'animatique. Le storyboard monté sur une voix témoin, au bon rythme. Vous voyez la vidéo avant qu'elle soit animée — le meilleur moment pour corriger.
6. L'animation. La fabrication proprement dite, dans After Effects et, si nécessaire, dans un logiciel 3D.
7. La sonorisation et la livraison. Voix off définitive, musique, effets, mixage, puis exports dans tous les formats et remise des sources.

Ces sept étapes sont détaillées, avec leurs livrables et leurs points de validation, sur la page production motion design.

Le vocabulaire qu'on vous opposera dans un devis

• Script chronométré : le texte avec sa durée de lecture, pas un simple paragraphe.
• Storyboard : les vignettes dessinées, une par idée.
• Animatique : le storyboard monté au rythme réel, avec voix témoin. Si un devis ne prévoit pas d'animatique, vous découvrirez le rythme à la première version animée, quand toute correction coûte cher.
• Direction artistique : le choix des couleurs, des formes, de la typographie et de la façon dont tout bouge.
• Character design : la conception d'un personnage et de ses postures. Une journée de travail avant la moindre animation.
• Rendu : le calcul des images, surtout en 3D. Un rendu se compte en heures de machine, parfois en jours.
• Compositing : l'assemblage final des couches d'image, lumières et retouches comprises.
• Sound design : les sons qui accompagnent les mouvements. C'est 10 % du budget et 30 % de l'effet perçu.
• Fichiers sources : les projets de travail. Sans eux, vous ne pouvez rien modifier sans revenir au prestataire.

Les logiciels, et ce qu'ils changent pour vous

Vous n'avez pas à les connaître, mais savoir lequel sert à quoi permet de lire un devis.

• After Effects : l'outil central de l'animation 2D et du compositing. Presque tout passe par lui.
• Illustrator : la fabrication des éléments vectoriels. Un fichier bien préparé ici fait gagner une journée d'animation.
• Cinema 4D et Blender : la 3D. Le second est gratuit, ce qui n'a aucune incidence sur le prix final : le coût, c'est le temps.
• Lottie et Rive : les formats d'animation vectorielle intégrables dans un site ou une application. Quelques dizaines de kilo-octets au lieu de plusieurs mégaoctets de vidéo.
• Premiere Pro ou équivalent : le montage, quand la vidéo mêle images animées et images filmées.

Une agence qui ne sait pas vous dire dans quel format elle livrera une animation destinée à votre site vous livrera un fichier vidéo lourd. C'est le meilleur test technique à faire passer avant de signer.

Combien coûte le motion design

Une vidéo explicative de soixante secondes se situe entre 4 500 et 9 000 € HT chez un studio, entre 2 500 et 6 000 € chez un indépendant, et au-delà de 6 000 € en agence. Chez nous, trois vidéos d'une minute avec voix off coûtent 259 € HT (Premium), et une seule, pour essayer, 83 € HT. Les capsules courtes pour les réseaux sociaux coûtent 99 € HT les trois (Starter), ou 33 € HT la capsule d'essai avec voix off.

Le prix n'est pas proportionnel à la durée : le socle du projet — cadrage, écriture, direction artistique — est payé une seule fois. Passer de trente à soixante secondes coûte environ 40 % de plus, pas le double.

La grille complète, le contenu de chaque offre et les repères publics du marché français figurent sur la page tarif motion design.

Cinq signes d'une vidéo bien faite

1. On comprend le sujet sans le son. La moitié des vues se font en silence. Si la vidéo perd son sens sans voix off, elle est mal conçue.
2. Le rythme respire. Une idée toutes les quatre à six secondes, avec des pauses. Une vidéo qui enchaîne sans respirer fatigue avant la fin.
3. Les mouvements ont un poids. Les objets accélèrent et ralentissent comme des objets réels. Un mouvement linéaire se repère immédiatement, même par un œil non averti.
4. Rien ne bouge sans raison. Les éléments décoratifs qui flottent en permanence détournent l'attention du message.
5. La fin dit quoi faire. Une vidéo sans appel à l'action clair est une dépense sans suite.

Les erreurs qui coûtent le plus cher

• Valider le script trop vite. Toutes les corrections tardives viennent de là. Une phrase changée après l'animation coûte cinquante fois plus qu'avant le storyboard.
• Vouloir tout dire. Une vidéo porte une idée. Les cinq autres feront de bonnes capsules séparées.
• Choisir la durée avant le message. « Il nous faut deux minutes » est une décision de budget, pas de communication.
• Faire valider par un comité. Chaque relecteur supplémentaire ajoute des jours et dilue le propos. Une seule personne doit trancher.
• Oublier les déclinaisons. Une vidéo livrée en un seul format est utilisée à moitié. Les versions verticales et courtes coûtent peu et servent beaucoup.
• Négliger le poids du fichier. Une vidéo de 40 Mo en lecture automatique ruine la vitesse de la page qu'elle devait servir.

Motion design et site web : les contraintes à connaître

Une animation sur un site n'obéit pas aux mêmes règles qu'une vidéo sur une plateforme de partage. Trois contraintes reviennent toujours.

Le poids. Ce qui se charge au premier écran doit rester sous quelques centaines de kilo-octets. Une animation vectorielle au format Lottie pèse souvent moins de 80 Ko là où une vidéo équivalente en pèse plusieurs milliers.

La lecture automatique. Les navigateurs ne lancent une vidéo sans intervention que si elle est muette. Toute vidéo prévue pour démarrer seule doit donc être compréhensible sans son, avec une image d'attente au cadrage identique pour éviter le saut visuel.

Le mouvement réduit. Une partie des visiteurs demande à leur système de limiter les animations. Chaque animation doit avoir un état fixe lisible. Ce n'est pas une option : c'est une exigence d'accessibilité, et c'est aussi ce qui garantit que la page reste correcte si le script ne se charge pas.

Qui fabrique du motion design

Quatre options, quatre logiques de coût.

• Un indépendant : le meilleur rapport prix-qualité quand le message est déjà écrit. Voir motion designer freelance.
• Un studio : une équipe restreinte qui prend en charge l'écriture et la production. Voir studio motion design.
• Une agence : la stratégie et la diffusion en plus, pour les marques multiples ou les campagnes internationales.
• Une équipe interne : rentable à partir d'un volume important et régulier, à condition d'accepter le coût réel en semaines-personnes et la difficulté à renouveler le style.

Les entreprises qui produisent quatre à dix vidéos par an s'en sortent presque toujours mieux avec un studio externe qu'avec un poste interne. Le sujet est traité du point de vue des équipes marketing sur la page motion design en entreprise.

Ce qu'il faut préparer avant de commander

Six réponses suffisent à cadrer le projet, et elles tiennent sur une page.

1. Où sera vue la vidéo ? Page d'accueil, rendez-vous commercial, réseaux sociaux, salon, formation. Cela détermine la durée et le format.
2. À qui parle-t-elle ? Un acheteur technique et un dirigeant ne reçoivent pas la même vidéo.
3. Que doit faire la personne après ? Essayer, demander une démonstration, comprendre, se rassurer.
4. Qu'est-ce qui est difficile à expliquer aujourd'hui ? C'est souvent là que se trouve le sujet réel de la vidéo.
5. Qu'avez-vous déjà ? Charte graphique, captures de produit, textes, vidéos précédentes.
6. Qui valide ? Une seule personne, idéalement, disponible pendant la semaine de production.