Motion design

L'accroche et l'intro

• Ouvrir sur un chiffre choc animé ou une question visuelle : « 7 Sénégalais sur 10 n'ont pas de compte bancaire. »
• Le problème du public en 3-5 s, illustré par une icône ou un personnage simple.
• Mouvement dès la première image (rien de statique) ; logo à la fin.
• Texte d'accroche de 4-7 mots, grand et contrasté, lisible sans le son.

La structure

• Vidéo explicative de 90 s : 0-5 s accroche (problème ou chiffre) / 5-20 s problème détaillé / 20-60 s solution en 3 étapes (15 s par étape) / 60-80 s bénéfices et preuve (chiffres, logos clients) / 80-90 s CTA + logo.
• Pub de 15 s : 0-3 s accroche / 3-12 s bénéfice clé / 12-15 s logo + CTA.
• Script : 130-150 mots par minute de voix off (environ 200 mots pour 90 s).
• Une idée par écran ; changement de scène toutes les 3-6 s.

Le ton et le style

• Style défini par des styleframes (3-5 images fixes validées avant l'animation) : flat design, isométrique, 2,5D, illustratif.
• Mouvements fluides avec courbes d'accélération (ease in/out, graph editor), jamais linéaires.
• Charte du client respectée : couleurs HEX, typographies, formes du logo.
• Personnages simplifiés et inclusifs, contextes locaux (commerçants, marché, transport, mobile money).

L'habillage et les textes

• Typographie de la charte, 2 polices maximum (titres gras + texte régulier), 60-120 px pour les titres en 1080p.
• Mots clés animés (apparition lettre par lettre ou mot par mot) synchronisés avec la voix off.
• Icônes cohérentes (même épaisseur de trait, même style) ; infographies et compteurs animés pour les chiffres.
• Lower-thirds et habillages de la charte animés en 0,5-1 s d'entrée et de sortie.
• Zone de sécurité titre de 90 % ; en 9:16, textes dans les 900×1400 px centraux.

La fin et l'appel à l'action

• CTA clair en 3-5 mots (« Téléchargez l'application », « Appelez le 33 800 XX XX »), 3-4 s.
• Logo animé (révélation 1-2 s) + slogan + site/WhatsApp, 3-5 s au total.
• Icônes des stores (App Store / Google Play) ou QR code si pertinent.
• Durée totale de la fin : 4-6 s.

Le matériel

• Entrée de gamme : PC ou Mac 16-32 Go RAM ; Canva (animations simples), CapCut, Jitter (web), Rive ; Blender pour la 3D simple ; micro USB Rode NT-USB pour la voix off témoin.
• Pro : Adobe After Effects (standard) + Illustrator pour les éléments vectoriels, Cinema 4D ou Blender pour la 3D, plugins Motion Tools, Overlord (Illustrator → After Effects), Duik (rig de personnages), Lottie/Bodymovin pour le web.
• Écran calibré sRGB, 32-64 Go RAM et SSD pour l'aperçu fluide.
• Voix off pro : micro large membrane Rode NT1 ou Neumann TLM 102 + interface Focusrite, cabine ou pièce traitée.
• Onduleur et sauvegarde automatique After Effects (toutes les 10 min).

Plans et cadrage

• Storyboard écran par écran calé sur le script (1 case par idée, 15-25 cases pour 90 s) avec durées.
• Composition sur grille (colonnes, marges de 5-10 %), hiérarchie visuelle claire : 1 élément principal par écran.
• Mouvements de caméra virtuelle 2D/2,5D (zoom, panoramique, parallaxe) pour lier les scènes.
• Transitions pensées au storyboard (un élément se transforme en élément de la scène suivante).
• Prévoir la déclinaison verticale dès le storyboard (éléments empilés au lieu d'alignés).

La lumière

• La « lumière » est graphique : ombres portées douces, dégradés et reflets définis dans les styleframes.
• Contraste fort entre texte et fond (ratio WCAG ≥ 4,5:1) pour la lisibilité sur mobile.
• Palette limitée à 3-5 couleurs + neutres ; couleur d'accent réservée aux éléments importants.
• En 3D : éclairage studio doux (HDRI + clé), ombres portées légères.

La prise de son

• Enregistrer la voix off en premier : elle fixe le rythme de toute l'animation.
• Micro large membrane à 15-20 cm, anti-pop, pièce traitée, 24 bits/48 kHz, crêtes -12 à -6 dB.
• Débit 130-150 mots par minute, ton clair et souriant ; 2-3 prises par phrase.
• Versions française et wolof (ou anglais) : l'animation doit supporter la langue la plus longue.
• Nettoyage : réduction de bruit légère, EQ, compression 3:1, de-esser.

La mise en scène

• Pipeline : brief → script → voix off → styleframes → storyboard → animatique → animation → son → export.
• Valider script et styleframes avec le client avant d'animer (80 % des retours se font là).
• Préparer les fichiers Illustrator en calques nommés et séparés pour l'import dans After Effects.
• Créer des compositions principales (précompositions par scène) et une bibliothèque de mouvements réutilisables.
• Prévoir 2 cycles de révisions dans le devis.

Astuces de tournage

• Cadence 25 ips (ou 30 ips pour les réseaux) ; 50/60 ips pour des mouvements très fluides sur écrans d'événements.
• Courbes de vitesse : ease in/out, overshoot léger (rebond) pour un rendu vivant ; éviter les mouvements linéaires.
• Décaler les animations (offset de 2-4 images entre éléments) pour un effet naturel.
• Travailler en vectoriel (calques de forme, Illustrator) pour garder la netteté en 4K.
• Rendre avec Adobe Media Encoder en ProRes, puis compresser pour le Web.

Les pistes de la timeline

• Dans After Effects : 1 précomposition par scène, puis une composition principale qui les enchaîne.
• Au montage final (6-7 pistes) : V1 : scènes animées ; V2 : textes et sous-titres ; V3 : logo et CTA.
• A1 : voix off ; A2 : SFX (whoosh, clics, pops) ; A3 : musique.
• Marqueurs sur la voix off à chaque mot clé pour synchroniser les apparitions de textes.

Le rythme et les coupes

• Nouvelle information visuelle toutes les 2-4 s ; nouvelle scène toutes les 4-8 s.
• Synchroniser les apparitions sur la voix off (le mot et l'image arrivent ensemble) et sur les temps de la musique.
• Laisser chaque texte à l'écran assez longtemps : environ 1 s pour 3 mots + 1 s.
• Pas de temps mort : un élément bouge toujours (animation secondaire légère).

Transitions et effets

• Transitions graphiques : morphing de formes, masques, balayages de couleur de la charte, zooms à travers un élément.
• Transitions de 0,3-0,8 s, rapides et cohérentes sur toute la vidéo.
• Effets : flou de mouvement, compteurs de chiffres, graphiques qui se dessinent, lignes qui se tracent.
• Éviter la surcharge (trop d'effets différents) : 2-3 types de transitions maximum.

Le sound design

• Whoosh sur chaque transition (-18 à -14 dB), pops et clics sur les apparitions d'icônes (-16 dB).
• Sons « UI » (tapotements, notifications) pour les démonstrations d'application.
• Riser avant la révélation du logo, impact léger sur le logo final.
• Sound design synchronisé à l'image près : il rend l'animation deux fois plus fluide.

La musique

• Musique corporate/upbeat positive, pop électronique ou afrobeat léger, 100-125 BPM.
• Animations calées sur les temps (clés d'animation sur les battements).
• Sous la voix off : -20 à -24 dB avec ducking ; sans voix : musique à -14 LUFS.
• Bibliothèques libres de droits avec licence commerciale (Artlist, Epidemic Sound, Motion Array).

Les sous-titres

• Sous-titres indispensables (lecture sans son) : 44-52 px en 16:9, 55-70 px en 9:16, dans la zone de sécurité.
• Intégrés au design (police de la charte, bandeau semi-transparent) ; ne pas chevaucher les textes animés.
• Version wolof avec voix wolof et sous-titres français pour toucher les deux publics.
• Fichier SRT séparé pour YouTube et LinkedIn.

L'étalonnage

• Pas d'étalonnage classique : couleurs fixées dans les styleframes et la charte.
• Vérifier les couleurs en sRGB/Rec.709 et sur smartphone (écrans OLED très saturés).
• Ajouter grain ou texture légère (bruit 2-4 %) pour éviter les bandes de dégradés (banding) après compression.
• Contrôler que les couleurs de marque restent exactes après export (valeurs HEX).

Mixage et export

• Loudness -14 LUFS, true peak -1 dBTP (LinkedIn et Facebook : -14 à -16 LUFS).
• Master ProRes 422 HQ ou 4444 (avec alpha pour les habillages) 1920×1080 25 ips.
• Web : H.264 1080p 8-10 Mbps, AAC 320 kbps ; animations web en Lottie (JSON) pour sites et applications.
• Déclinaisons : 16:9, 1:1, 4:5, 9:16 ; versions 15 s et 30 s pour la publicité.

Titre et miniature

• Miniature : styleframe principal + 3-5 mots de bénéfice + logo discret.
• Titre clair : « Comment fonctionne X en 90 secondes ».
• Description : résumé, lien vers le service, chapitres si > 2 min.
• LinkedIn : texte d'accompagnement de 3-5 lignes avec le chiffre clé.

La publication

• Épingler la vidéo explicative en haut du site, de la page LinkedIn et de la page Facebook.
• LinkedIn : mardi-jeudi 8 h-10 h ; Facebook/Instagram : 12 h-14 h et 19 h-21 h (heure de Dakar).
• Découper en 3-5 capsules de 15-20 s (une étape ou un chiffre chacune).
• Diffuser sur WhatsApp Business (Statuts, messages aux clients) et en publicité sponsorisée.

• Trop de texte à l'écran en même temps que la voix off.
• Animer avant d'avoir validé la voix off et les styleframes.
• Mouvements linéaires et raides (sans courbes d'accélération).
• Non-respect de la charte graphique du client.
• Vidéo trop longue (au-delà de 2 min, l'attention chute fortement).
• Aucune version verticale ni sous-titrée.