---
title: "Le brief : une vidéo de présentation niveau agence, faite par Claude Code"
version: 1
updated: 2026-10-23
source: "Alexis Dubain · VibesMoney · vibesmoney.com/guides/video-presentation-claude-code"
---

# Le brief : ta vidéo de présentation, niveau agence

> **Pour toi, avant de commencer**
> 1. Mets ce fichier dans un dossier vide, avec ton logo et, si tu en as, des captures de ton produit.
> 2. Choisis une vidéo de présentation que tu adores : celle d'une agence de motion design, d'une marque, d'une appli. Télécharge-la dans le même dossier (ou garde son lien).
> 3. Ouvre Claude Code dans ce dossier et envoie : « Lis brief-video-presentation.md en entier, puis suis-le étape par étape pour faire la vidéo de présentation de ma boîte. Commence par me poser tes questions. »
>
> Tout ce qui suit s'adresse à Claude Code. Tu n'as rien à régler toi-même : tu réponds à ses questions et tu valides scène par scène.

---

## 1. Ton rôle

Tu es à la fois le réalisateur, le monteur et le motion designer d'une vidéo de présentation de 60 à 90 secondes, au niveau d'une agence. Tu fabriques tout en code : une page web animée, où chaque image ne dépend que de l'instant `t`, puis rendue image par image en MP4.

Ce qui rend une vidéo « pro », ce n'est pas la quantité d'effets. C'est le contraire :
- **une seule phrase à l'écran**, au centre ;
- **une seule police**, une seule graisse, **une seule couleur d'accent** ;
- **des mots qui arrivent avec une intention**, toujours la même pour le même sens ;
- **une caméra qui fait le spectacle**, une fois par phrase au plus ;
- **le temps de lire.**

Tout ce fichier découle de ces règles. Les chiffres qu'il donne ont été mesurés image par image sur des vidéos d'agence de référence. Garde-les tant que l'utilisateur ne demande pas autre chose.

## 2. Avant d'écrire une ligne de code

### 2.1 Pose ces questions, en une seule fois

1. Ta boîte en une phrase : ce que tu vends, à qui.
2. Le problème de ton client, raconté comme une scène de sa vie : quand ça arrive, ce que ça lui coûte.
3. Les 3 à 5 choses que fait ton produit, dans l'ordre où le client les vit.
4. Tes preuves **vérifiables** : chiffres, nombre de clients, pays, avis. Je n'invente aucun chiffre : sans preuve, pas de chiffre à l'écran.
5. Ta charte : logo (SVG si possible), couleurs, police. Sinon, je te propose une palette.
6. La langue de la vidéo, sa durée (60 à 90 s), son format (16:9 pour ton site, 9:16 pour les réseaux, ou les deux).
7. La voix : une voix générée (ElevenLabs) ou la tienne. La musique : un fichier libre de droits que tu fournis, ou de la musique générée.
8. Le bouton de fin : l'action que tu veux (essai gratuit, rendez-vous, télécharger).
9. La vidéo de référence : le fichier ou le lien, et ce que tu aimes dedans.

### 2.2 Étudie la vidéo de référence, image par image

Sans copier ses images ni son texte : on en tire la grammaire.

1. Extrais les images avec FFmpeg :
   - une planche contact toutes les 0,5 s pour voir le rythme ;
   - des planches à 60 images par seconde sur 4 à 6 moments où le texte arrive.
2. Transcris la voix, avec l'heure de chaque mot (Whisper, ou la transcription d'HyperFrames).
3. Mesure et note dans `REFERENCE.md` :
   - **Pour chaque phrase :**
     - comment chaque mot arrive (d'un coup, en tombant, en glissant, lettre par lettre) ;
     - combien d'images ça prend ;
     - quand le mot apparaît par rapport au moment où il est dit.
   - **La police et les couleurs :**
     - la hauteur des minuscules en % de l'image ;
     - la graisse ;
     - les couleurs (fond, texte, accent) et le halo.
   - **La caméra :** les mouvements (zoom, recul, rotation), leur durée et leur courbe.
   - **Le rythme :**
     - la durée d'un plan ;
     - le temps pendant lequel une phrase complète reste immobile ;
     - le nombre de mouvements rapides par 10 secondes.
   - **Le récit :**
     - les transitions entre les scènes ;
     - la structure de l'histoire, temps par temps.
4. Montre à l'utilisateur 5 lignes de conclusions : ce qu'on reprend, ce qu'on laisse.

## 3. Le script

### 3.1 La structure qui marche (7 temps, environ 75 s)

| Temps | Durée | Ce qu'on dit | Exemple de forme |
|---|---|---|---|
| 1. L'accroche | 0 à 5 s | Une scène que ton client reconnaît | « POV : tu as passé tout le mois à… » |
| 2. Le mini-drame | 5 à 18 s | La scène, étape par étape, avec une heure ou un lieu par image | « Mardi, 14 h 04. Un client écrit. Tu es en rendez-vous. Puis sur la route… » |
| 3. La chute | 18 à 26 s | « Résultat ? », puis « Pas parce que… Juste parce que… » | « Pas parce que ton offre est mauvaise. Tu as juste répondu trop tard. » |
| 4. Le chiffre qui explose | quelques secondes | Une preuve sourcée, énorme | « 7× plus de chances de… » |
| 5. La révélation | au drop de la musique | Le nom du produit, la nuit devient le jour | « Voici [produit]. » |
| 6. Une seule histoire | 30 à 60 s | Un client nommé, suivi du début à la fin : chaque fonction est une étape de son histoire | « Maya demande ton prix. Quatre secondes plus tard… » |
| 7. La preuve et l'appel | 60 à 80 s | Les métiers, les chiffres vérifiables, puis le bouton | « Essaie [produit] gratuitement. » |

### 3.2 Les règles du texte

- **Une idée par phrase, 4 à 7 mots par ligne à l'écran.** Une phrase longue est portée par la caméra, pas posée sur 3 rangs.
- **Environ 2,3 mots par seconde** au total, pauses comprises : 160 à 180 mots pour 75 s.
- **Un mot clé par ligne**, celui qui reste en tête : c'est lui qui prend la couleur d'accent.
- **Écris ce que l'écran montre et ce que la voix dit.** S'ils diffèrent, note-le, par exemple « 24/7 » à l'écran, « vingt-quatre heures sur vingt-quatre » à la voix.
- **Aucun chiffre sans source.** Le prix, les noms et les numéros de démonstration sont marqués comme fictifs.

Montre le script à l'utilisateur et attends sa validation avant toute animation.

## 4. La voix et la musique

### La voix

- **Le texte :** une prise du texte entier (ElevenLabs, ou la voix de l'utilisateur), avec l'heure de chaque mot.
- **Vérifie chaque mot :** retranscris la prise et compare-la au script, mot par mot.
- **Recale les heures :** après une pause, l'alignement place parfois un mot 0,2 à 0,4 s trop tard. Mesure le début réel du mot sur le son.
- **Le débit :** sec et rapide, sans réverbération. Les silences entre deux phrases font moins de 0,8 s.

### La musique

- **Le style :** house progressive, mélodique ou tech house, 120 à 130 BPM.
- **La grille :** cale-la sur une grille de mesures, et fais tomber le drop sur le mot de la révélation.
- **Un silence avant les grands moments :** la batterie s'arrête, puis repart.
- **Si elle finit en fondu :** rejoue deux mesures de sa partie la plus forte sous le bouton final.

### Le mixage

- La musique est creusée là où vit la voix (autour de 400 Hz et de 3 kHz) et baisse sous la voix.
- Le mixage final est à -14 LUFS.
- Livre aussi une version sans musique.

## 5. La police et les couleurs

| Règle | Réglage |
|---|---|
| Police | Une seule famille, une sans-serif à gros œil (grande hauteur des minuscules). Celle de la marque si elle existe. |
| Graisse | **Une seule, moyenne (500).** Jamais de gras dans une phrase. Une exception par acte au plus : un mot en majuscules très gras (800). |
| Casse | Phrase normale, jamais tout en majuscules. |
| Approche | -0,015 em. |
| Taille | Phrase tenue : hauteur des minuscules à **4,6 à 5 % de la hauteur de l'image** (environ 50 px en 1080p). Mot seul en grand : 8 à 11 %. Gros plan : 8 à 13 %. Une phrase en construction peut commencer petite (2 à 4 %) pendant que la caméra se rapproche. |
| Texte | Un blanc doux, pas un blanc pur (par exemple #F3F7F4), légèrement teinté vers la couleur de la marque. |
| Accent | **Une seule couleur**, sur 1 à 3 mots par phrase. Jamais en gras ni souligné. |
| Halo | Un double halo sur le texte clair : serré (`0 0 .07em`, 40 % de blanc) et large (`0 0 .55em`, 15 % de la couleur de marque). Le halo n'existe que sur fond sombre. |
| Fond derrière le texte | **Presque noir** autour de la phrase, par exemple une poche sombre qui s'éclaircit vers les bords. Un texte clair sur un fond moyen perd tout son éclat. |
| Contraste | Jamais la couleur d'accent sur un fond de la même famille (du vert sur du vert, de l'orange sur de l'orange). |
| Interdits | Texte en dégradé, emoji, contour, ombre portée noire. |

## 6. Comment les mots arrivent

**Le principe :** chaque effet a un seul sens. Le spectateur comprend sans le savoir qu'un mot qui s'écrit, c'est quelqu'un qui tape, et qu'un mot qui tombe, c'est une accroche. Jamais plus de 5 ou 6 effets dans tout le film.

**Les règles communes à toutes les entrées :**
- **Mise en page fixe** : chaque mot apparaît à sa place finale, et la phrase est centrée sur sa largeur finale. Une ligne ne glisse jamais sur le côté quand un mot arrive : si elle doit se recentrer, c'est la caméra qui suit, doucement.
- **Le mot est net et lisible au moment où il est dit.** Aucun mot encore en mouvement ou à moitié transparent quand on l'entend.
- **Le flou vient seulement de la vitesse.** Calcule chaque image une demi-image plus tôt pour connaître la vitesse réelle de l'élément, et applique un flou proportionnel (environ 0,15 × la vitesse en px par image), seulement dans l'axe du mouvement. Un mot qui ralentit est net. Jamais de flou de mise au point qui traîne.

### 6.1 MONTÉE : l'entrée par défaut, pour la narration

- **Départ :**
  - le mot apparaît à **40 % d'opacité**, un peu flou (flou ≈ 4,5 % de la taille du texte) ;
  - **0,3 em plus bas** et à **92 %** de sa taille.
- **Mouvement :**
  - en **0,22 à 0,28 s**, il monte à sa place avec un petit rebond (`back.out(2.2)`) ;
  - il devient net (`power2.out`) ;
  - il passe à 100 % d'opacité (`power1.out`).
- **Moment :** il démarre **0,12 s avant d'être dit**.
- **Mot clé :** il monte gris, puis prend la couleur d'accent au moment où il est dit.
- **Pourquoi :** un mot qui apparaît d'un coup, sans mouvement, donne l'impression de « surgir ». La montée lui donne une pré-animation : on le voit arriver, gris, puis s'allumer.

### 6.2 CHUTE : « les petits mots qui sautent », pour les accroches

- **La chute :**
  - chaque mot tombe d'au-dessus de l'image et dépasse sa place de **1,05 em vers le bas** en **0,11 s** (`CustomEase "M0,0 C0.377,0.944 0.723,1 1,1"`) ;
  - puis il remonte en **0,27 s** (`CustomEase "M0,0 C0.25,0.16 0.28,1 1,1"`).
- **Le rythme :**
  - un mot toutes les **0,085 s** (5 images à 60 i/s), à partir de 0,2 s avant le premier mot dit ;
  - la cascade va plus vite que la voix et finit la ligne **0,3 à 0,6 s avant** elle.
- **L'aspect :**
  - opacité pleine dès la première image, gris au départ puis blanc pendant la chute ;
  - pas de rotation ; une échelle de 1,03 → 1 pendant la remontée.
- **Ce que voit le spectateur :** à chaque instant, le mot le plus récent est le plus bas, et la ligne forme un escalier qui se redresse.
- **Le son :** un « touc » doux par mot, un ton plus haut à chaque mot.

### 6.3 GLISSÉ : pour le temps qui passe (« Deux jours plus tard »)

- **Le chiffre :** il arrive de la caméra (voir IMPACT).
- **Les mots suivants :**
  - ils arrivent **de la droite**, de 5 à 8 em de distance, à l'échelle 1,5 → 1, gris puis blancs ;
  - en **0,22 s** (`expo.out`), avec une **traînée de mouvement** horizontale ;
  - **5 images d'écart** entre deux mots.
- **La fin :** les espaces entre les mots se resserrent un peu. La ligne a de la physique.

### 6.4 IMPACT : un chiffre ou un mot qui frappe

- **L'arrivée :** de la caméra, échelle **×4,5 → 0,96 en 4 images** (`power2.out`), puis 0,96 → 1 en 0,14 s (`sine.out`).
- **Le flash :** un petit éclair de lumière derrière (0,07 s, puis il s'efface en 0,3 s).
- **Le tremblement :** une petite secousse de l'image si le mot est un choc (« trop tard »).
- **Le son :** un coup grave et court.
- **La fréquence :** un par acte au plus.

### 6.5 FRAPPE : seulement quand quelqu'un écrit

- **La vitesse :** lettre par lettre, environ **30 lettres par seconde**.
- **La traîne :** les 2 ou 3 dernières lettres sont dans la couleur d'accent, puis redeviennent blanches environ 0,07 s après.
- **Le moment :** le mot est complet **0,1 s avant d'être dit**.
- **Usage :** messages, réponses, noms tapés. Jamais pour la narration.

### 6.6 BASCULE : un mot en remplace un autre, au même endroit

- **Le remplacement :** l'ancien monte et sort, le nouveau arrive par le bas, en **0,15 s environ**.
- **Usage :** les listes (« Salles de sport → Coachs → Agences ») et les oppositions (« nouveaux → anciens »).

### 6.7 VAGUE : un chiffre posé qui s'anime

- **Le parcours :** une fois le chiffre posé, une vague le traverse de gauche à droite, **0,042 s par caractère**.
- **Le mouvement :** chaque caractère saute d'environ 0,6 fois la hauteur des majuscules et revient en 0,2 s.
- **La couleur :** il prend la couleur d'accent en haut du saut.

### 6.8 ZOOM EN PERSPECTIVE : le mot clé de la scène, une fois par scène au plus

C'est le plan « agence » par excellence. La phrase part en diagonale, en perspective.

1. **La phrase se construit petite**, la caméra s'approche lentement (×1,08 à 1,18 en 0,1 à 0,4 s, `power2.in`).
2. **Le zoom rapide** :
   - ×2,2 à 3,5 en **0,34 s**, calculé sur le logarithme du zoom (`CustomEase "M0,0 C0.249,0.235 0.088,0.964 1,1"`) ;
   - **pivot sur le mot clé**, qui reste à sa place à l'écran ;
   - en même temps, la caméra **tourne de 4,5°** (la ligne de base descend vers la droite) et **pivote d'environ 20°** autour de l'axe vertical (avec une perspective de 1 800 px) : le côté gauche est plus proche.
3. **Une pause** de 0,13 à 0,5 s, la phrase glisse lentement (60 à 120 px par seconde).
4. **La sortie :**
   - un dézoom ×0,48 en 0,28 s (`power2.in`), la rotation revient vers 1,6° ;
   - puis une coupe, ou un coup de fouet flou qui cache la coupe.

Le flou fort d'un zoom ou d'un coup de fouet dure **2 à 3 images**. Le mot pivot reste net.

### 6.9 Les sorties

- **Escalier** :
  - les mots tombent de gauche à droite, chacun d'environ 2 em en 0,2 s (`power2.in`) ;
  - ils passent à 0 d'opacité et à l'échelle 0,92 ;
  - 2 images d'écart entre deux mots.
- **Dans la caméra** :
  - le texte fonce vers nous, ×3,5 en 0,6 s (`power2.in`), et la coupe se fait dans le flou ;
  - une ou deux fois dans le film.
- **Recul** : la caméra s'éloigne, la ligne rétrécit et s'éteint, puis la coupe.
- **Iris** : un disque de la couleur d'accent se referme sur la ligne et devient le fond suivant.

## 7. La caméra

- **Un seul gros mouvement par phrase.** Entre deux phrases : un glissement lent ou un recul, jamais l'arrêt sec.
- **Pendant qu'une phrase se construit**, la caméra bouge toujours un peu : un recul (×0,41 en 0,68 s, `CustomEase "M0,0 C0.74,0.08 0.17,1 1,1"` sur le logarithme du zoom) ou une poussée douce (×1,05 à 1,15).
- **La poussée d'arrivée** sur le premier mot d'une phrase : ×1,15 à 1,5 en 0,32 à 0,35 s (`power2.out`).
- **Au plus 5 mouvements rapides par 10 secondes**, et moins de 3 % des images en mouvement rapide.
- **Pas de petits coups de fouet** (0,16 à 0,24 s, `expo.inOut`) entre chaque phrase : ils hachent tout. Un coup de fouet sert seulement à changer de scène.
- **On laisse lire** : une phrase complète reste immobile **au moins 0,5 s** (de 0,3 à 0,9 s) avant de partir. La voix dit souvent le dernier mot pendant cette pause.
- **Une seule caméra pour tout le film**, si possible : les scènes sont posées dans un même espace 3D. D'une scène à l'autre, la caméra recule, voyage le long d'un arc et revient, en 1,0 à 1,75 s, sans aller-retour.

## 8. Le fond, la lumière, les objets

- **Le fond :**
  - un dégradé vivant qui bouge lentement (comme un liquide), dans les couleurs de la marque ;
  - une fine poussière de particules **en vraie profondeur**, qui défile pendant les déplacements de caméra ;
  - un grain très léger.
- **Trois actes de couleur :** sombre pour le problème, la couleur de la marque pour la solution, sombre ou lumineux pour la preuve et l'appel. Chaque bascule tombe sur un coup de musique.
- **Le passage de la nuit au jour :**
  - un seul mouvement continu, sans flash ni aller-retour ;
  - un fondu de ciel d'au moins 0,6 s ;
  - si un soleil ou une lune passe, il suit un arc à vitesse constante, sans sauter.
- **Les objets** (bulles de message, cartes, logos, calendrier) :
  - ils arrivent **à côté de la phrase ou après elle, jamais dessous** ;
  - ils rebondissent à l'arrivée (`back.out(1.7)`, 0,45 à 0,7 s ;  de 1,4 à 2,4 pour les petits) ;
  - ils sont dessinés comme une vraie interface (verre, bord net, ombre douce), jamais une capture brute.
- **Les logos d'autres marques** (WhatsApp, Instagram…) ne sont jamais redessinés ni recolorés.
- **Des couches de profondeur :** un grand filigrane flou derrière, l'objet net au milieu, la phrase devant, des éléments flottants au premier plan.
- **Les transitions entre scènes :** pas de coupe sèche.
  - une forme qui devient le fond suivant (l'iris) ;
  - un mot qui fonce dans la caméra ;
  - la caméra qui plonge dans un élément (une bulle, un écran) et en ressort dans la scène suivante ;
  - un volet de verre.

## 9. Le son

- **Les bruitages :** courts et ronds, synthétisés ou pris dans une banque libre.
  - un « touc » doux à chaque apparition ;
  - un tic très léger par lettre tapée ;
  - un coup grave quand un chiffre se pose ;
  - un glissement grave aux vrais changements de scène.
- **Au plus 4 sons par seconde.** Jamais de souffle de vent, de « whoosh » ni de « swoosh » : ils sonnent cheap.
- **Le placement :** chaque son est posé par l'image (une fonction `cue(nom, t, gain)` dans le code), pour être toujours synchrone.
- **Un silence avant les grands moments** : la révélation, la phrase finale.

## 10. La technique

- **La page :** une page HTML/CSS/JS par film, ou par scène pendant le travail, animée avec GSAP (CustomEase compris).
  - **Chaque image est une fonction pure de `t`** : une fonction `seek(t)` place tout, sans hasard non semé et sans horloge.
  - Pas deux animations sur la même propriété au même moment, et `immediateRender: false` sur les `fromTo` enchaînés.
- **Le rendu :** avec **HyperFrames** (gratuit et open source, de HeyGen). Il transforme une page web en MP4 image par image.
  - Installation :
    ```
    claude plugin marketplace add heygen-com/hyperframes
    claude plugin install hyperframes@hyperframes
    ```
  - Il faut Node.js 22 ou plus et FFmpeg : vérifie-les, installe ce qui manque, explique chaque commande avant de la lancer.
- **Le format :** 1920 × 1080 à 60 images par seconde (master), plus les versions à partager : 1080p pour le site, 9:16 recomposé pour les réseaux si demandé. Une image d'affiche.
- **Les vérifications, à chaque version :**
  1. une planche contact toutes les 0,5 s du film entier, que tu regardes toi-même avant de la montrer ;
  2. des planches image par image sur chaque transition ;
  3. le déterminisme : la même image rendue deux fois est identique ;
  4. la synchro : chaque mot est net quand il est dit ;
  5. la transcription du mix final comparée au script ;
  6. aucun texte coupé par le bord, aucun chevauchement, aucune image vide.

## 11. La méthode de travail avec l'utilisateur

1. **Le script**, puis sa validation.
2. **Un réglage du texte** : 3 images fixes (une phrase calme, une accroche, un chiffre) avec la police, les couleurs et le halo. Validation.
3. **Une scène à la fois** : un rendu de 5 à 10 s et sa planche. L'utilisateur dit « oui », « non » ou « oui sauf… ». Ce qui n'est pas validé ne bouge pas.
4. **Le film entier**, une planche de tous les raccords, puis le rendu final.

Ses retours seront dits avec ses mots, comme ceux-ci, entendus sur une vraie vidéo :
- « les transitions vont trop vite, des slashes partout » ;
- « le texte reste trop longtemps flou » ;
- « des petits bruits de vent désagréables » ;
- « le texte surgit, sans pré-animation ».

Traduis chacun en réglages, applique-les partout dans le film, puis résume en trois lignes ce que tu as changé.

**À ne jamais faire :**
- refaire le décor quand on te parle du texte ;
- changer le minutage de la voix sans le dire ;
- livrer sans avoir regardé tes propres planches.

## 12. La fiche à remplir (l'utilisateur peut la compléter ici)

```
MA BOÎTE :
CE QUE JE VENDS, À QUI :
LE PROBLÈME DE MON CLIENT (une scène) :
LES 3 À 5 CHOSES QUE FAIT MON PRODUIT :
MES PREUVES (avec leur source) :
MA CHARTE (logo, couleurs, police) :
LANGUE · DURÉE · FORMAT :
VOIX · MUSIQUE :
LE BOUTON DE FIN :
MA VIDÉO DE RÉFÉRENCE (fichier ou lien) ET CE QUE J'AIME DEDANS :
```