Trois films, même niveau, trois façons de faire
Ton premier passage : lire les trois scripts (réseaux sociaux 50 s, Study Budapest 54 s, Worth it 35 s) et dire OK ou À changer. Rien n'est animé avant ton OK : c'est sur le papier que les défauts de fond coûtent le moins cher.
Ce qui ne change jamais (le niveau du film du desk)
- Un sujet à la fois, assez grand pour être lu ; jamais une page entière illisible.
- Chaque chose naît de la précédente : aucun fondu entre deux écrans sans lien.
- Des mouvements qui partent vite et se posent longtemps, sans à-coup (mesuré comme sur le desk).
- Le flou de mouvement réglé sur la vitesse réelle de chaque objet.
- Le temps de lire chaque texte, y compris ceux des écrans (12 caractères par seconde, 1,2 s minimum) ; aucun texte pendant un voyage de caméra ; jamais deux textes l'un sur l'autre.
- Jamais d'image arrêtée pendant qu'on lit : l'action remplit tout le plan, sauf les deux ou trois moments calmes voulus.
- On comprend de quoi on parle avant 3 secondes.
- Les vrais écrans des produits, avec des données fictives, dans la langue de l'écran.
- Des bruitages doux tirés de vrais packs, la musique calée sur les moments clés, le même volume que le desk.
- Un contrôle image par image avant livraison : les images ratées sont recalculées.
Ce qui change à chaque film (la façon)
La façon de bouger, la lumière et les couleurs, la typo, la matière, le format, le rythme et la musique. Chaque film prend sa façon de bouger dans une des références que tu as validées le 20/10, jamais celle d'Apple qu'on a prise pour le desk. Le desk, pour comparer : le film v3.
Relu avant toi
Un critique extérieur a lu les trois scripts avec tes remarques passées, mot pour mot. Premier passage : réseaux sociaux 5/10 (images arrêtées, correction qui avait l'air automatique), Study 4/10 (même histoire que le desk), Worth it 7/10 (l'appli invisible avant 14 s). Deuxième passage après corrections : 7, 6 et 7/10, avec des textes d'écran trop nombreux pour le temps donné. Tout est corrigé ci-dessous, et deux de ses règles sont maintenant dans la machine : jamais d'image arrêtée pendant la lecture, et tout texte lisible compte dans le temps de lecture.
CyberScale, vos réseaux sociaux
Pour qui : Les commerçants et indépendants qui demandent une gestion de réseaux sur Codeur (comme le conseiller H2O ou Iortek). Jointe aux candidatures, et postée sur nos propres réseaux.
La promesse : Vous validez. On publie.
Données : Maison Sauge, fleuriste à Annecy (nom vérifié : aucune boutique de ce nom trouvée). On voit toujours qu'il y a des gens derrière (« on corrige », « à revalider », « on publie »), jamais une machine.
La façon de bouger : Bohdan Martovskyi, showreel 2025
Un extrait de la référence, que tu avais validée le 20/10. On n'en copie pas les images, on en prend la façon de faire.
On prend
- Fond blanc, un petit bandeau d'infos déjà là à la première image : on sait tout de suite où on est.
- Des objets que tout le monde reconnaît (téléphone, notification, doigt, bouton, carte de post) avant l'interface.
- Le doigt, c'est l'humain : il arrive, se pose, tape, et on coupe juste après sur ce que ça déclenche.
- Un contenant devient la scène suivante : la page devient une carte, le profil devient une case du calendrier.
- Un seul acte sombre et saturé au milieu, pour la phrase de confiance.
- Les mots passent du gris au noir, un par un.
On ne prend pas
- Sa densité de texte (jusqu'à 56 caractères par seconde) : chez nous, 12 maximum.
- Ses coupes toutes les 0,9 s : chez nous, chaque coupe tombe sur la conséquence d'un geste.
Le look
Blanc cassé, puis un bloc bleu nuit au milieu, puis blanc calme à la fin. Plus Jakarta Sans très gras pour les phrases, IBM Plex Mono pour le bandeau. Téléphone en verre et métal éclairé par la tranche, photos de fleurs qui apportent la couleur.
Les écrans
Nos vraies pages : lien de connexion des comptes, questions de lancement, page remise à neuf, calendrier à valider. Refaites avec le client fictif, aucune donnée de vrai client.
Le script, plan par plan
| Début | Ce qu'on voit | Texte à l'écran |
|---|---|---|
| 0:00 | Un téléphone au centre, sur fond blanc. Le profil Instagram de Maison Sauge : trois vieilles publications, « Dernière publication : il y a 4 mois ». Pendant la phrase, les cases grisent une à une, comme endormies. En haut, discret : CYBERSCALE · RÉSEAUX SOCIAUX. | 4 mois sans publier ? |
| 0:02 | Une notification tombe sur le téléphone : « Votre lien de connexion » (le bandeau du haut dit déjà CyberScale). Le doigt arrive, se pose, tape. Coupe sur la conséquence : la page de connexion s'ouvre, et les trois comptes se connectent un par un (logos Instagram, Facebook, Google) : tape sur « Connecter », anneaux, une coche verte, ligne suivante. | Vous connectez vos comptes. En 2 minutes, sans nous donner de mot de passe. Aussi lisible : « Votre lien de connexion » |
| 0:11 | La page se replie en une carte de question. Les questions défilent comme une molette ; deux passent floues, une seule s'arrête nette : « Vous ou tu ? ». La réponse s'écrit : « Vous ». | Quelques questions, à votre rythme. Pas besoin d'appel. Aussi lisible : « Vous ou tu ? », « Vous » |
| 0:17 | Les réponses se condensent en un point, qui redevient le profil. Un volet le traverse lentement : à gauche « Avant » (photo sombre, couverture vide, présentation confuse), à droite « Après » (photo nette, couverture du mois, présentation claire). | On remet votre page à neuf. Aussi lisible : « Avant », « Après » |
| 0:20 | Le profil recule et devient une case d'un calendrier de 14 jours. Les jours se remplissent un à un (bouquet de pivoines, atelier couronne, coulisses de la boutique) ; les légendes restent petites, on voit les photos. | On prépare vos publications. Deux semaines, telles qu'elles paraîtront. |
| 0:27 | Une publication sort du calendrier et passe devant, les autres s'assombrissent ; « Un clic pour valider. » apparaît. Le doigt tape « Je valide » : coche verte. Publication suivante : il tape « À changer », et « Ou un mot, et on corrige. » apparaît. Le message tapé « plutôt les pivoines roses » reste seul net 2 s. La publication revient avec les pivoines roses et l'étiquette « Modifiée · à revalider », seule nette 2 s. Le doigt tape « Je valide » : coche verte. | Un clic pour valider. Ou un mot, et on corrige. Aussi lisible : « À changer », « plutôt les pivoines roses », « Modifiée · à revalider » |
| 0:36 | Un aplat bleu nuit monte depuis la dernière coche et remplit le cadre. Une seule phrase, blanche, qui s'écrit mot à mot, puis tenue (le bleu respire à peine). | Rien n'est publié sans votre accord. |
| 0:39 | L'aplat se resserre en trois téléphones (Instagram, Facebook, Google) qui tournent et s'arrêtent. Une petite horloge avance ; les publications validées tombent à leur heure : 9 h, 12 h 30, 18 h. De petits cœurs arrivent. | Et chaque publication sort à la bonne heure. Aussi lisible : « 9 h », « 12 h 30 », « 18 h » |
| 0:45 | Retour au premier décor : le même profil de Maison Sauge, la grille pleine, la dernière publication datée d'aujourd'hui. Recul : le téléphone devient le logo. | Vous validez. On publie. CyberScale · cyber-scale.me |
Musique : Pop ou house légère et lumineuse, autour de 120 BPM. La batterie se coupe sous « Rien n'est publié sans votre accord », seul moment calme. Je t'en ferai écouter trois au prochain passage.
Le script de ce film
La façon de bouger (l'extrait)
Ce qui cloche (facultatif)
Study Budapest, ton outil
Pour qui : Christophe (Study Budapest). Lui montrer un dossier du début à la fin avec l'outil, avant sa décision. La partie école peut ensuite servir à le montrer aux écoles.
La promesse : Une demande d'école devient un départ en stage, tout au même endroit.
Données : Les données du prototype d'Adam (100 % fictives : Lycée Jean Moulin, Sophie Leroux, 8 élèves, reçu le 18 juin, départ le 15 mars). Les partenaires du prototype portent des noms de vrais établissements de Budapest : je les remplace par des noms inventés.
La façon de bouger : Webflow, « Welcome to the Age of No-code » (studio Ordinary Folk)
Un extrait de la référence, que tu avais validée le 20/10. On n'en copie pas les images, on en prend la façon de faire.
On prend
- Un seul héros du début à la fin, qui change de forme : un fil orange, la couleur de Study Budapest. Il ne montre rien du doigt, il construit : il s'emmêle dans le bazar, dessine l'écran, devient une signature, puis une trajectoire de vol.
- L'histoire racontée par la lumière : sombre tant que c'est le bazar, clair et chaud quand l'outil prend le relais.
- Une seule vraie pause : noir et silence, moins d'une seconde, entre le problème et la solution.
- L'interface qui se construit sous nos yeux (des traits, puis des aplats, puis le contenu) et qui se surligne elle-même.
- Un recul régulier, pour montrer l'écran parmi d'autres ; des coupes cachées derrière un objet ou une fenêtre qui s'ouvre sur Budapest.
- Ajout à nous, pour ne pas raconter le film du desk : le film suit les dates du dossier (18 juin, 26 juin, 15 mars), écrites en grand comme des chapitres.
On ne prend pas
- La voix off : chez nous, c'est le texte à l'écran qui porte le propos.
- L'interface sans aucun mot lisible : chez nous, les vrais écrans restent lisibles.
Le look
Nuit bleue froide au début, puis crème chaude (le fond du prototype). Playfair Display pour les dates et les phrases (comme le prototype), Inter pour les écrans. Papier crème, lumière dorée de fin de journée, une photo de Budapest au crépuscule pour le départ.
Les vrais écrans utilisés
Le script, plan par plan
| Début | Ce qu'on voit | Texte à l'écran |
|---|---|---|
| 0:00 | Nuit bleue. « 18 juin » s'imprime en grand, en serif, comme un chapitre. Un mail arrive au centre, objet : « Stage à Budapest · 8 élèves · mars 2027 ». Un fil orange y entre et commence à se dérouler. | Un lycée t'écrit. Aussi lisible : « 18 juin », « Stage à Budapest · 8 élèves · mars 2027 » |
| 0:05 | Pendant toute la phrase, tout s'empile autour du mail : un Excel, des pièces jointes, des messages WhatsApp, des relances. Le fil orange s'emmêle dedans. La lumière baisse. | D'habitude, tout part dans tes mails et tes Excel. |
| 0:10 | Noir complet et silence, moins d'une seconde. | (aucun texte) |
| 0:11 | Le fil se tend et dessine, trait par trait, l'écran de Study Budapest. Les traits se remplissent de crème, puis le contenu apparaît : le tableau de bord (petit, illisible), et seule nette la carte « Lycée Jean Moulin » en tête de la première colonne. | Study Budapest. Tout au même endroit. Aussi lisible : « Lycée Jean Moulin » |
| 0:16 | La demande s'ouvre en 8 fiches d'élèves. L'interface surligne elle-même en orange les deux vrais souhaits, l'un après l'autre : « Souhaite un palace » (Lucas), « Passion pâtisserie » (Manon). Les autres notes restent petites. | Chaque souhait, relevé. Aussi lisible : « Souhaite un palace », « Passion pâtisserie » |
| 0:21 | Recul : les fiches s'envolent au-dessus d'un plan de Budapest, le Danube en trait clair, tes partenaires en points. Quatre partenaires s'allument un par un avec leur note (96, 88, 85, 77) ; les noms restent petits (noms inventés), seule la raison du 96 s'écrit, surlignée. | Les partenaires qui leur vont, notés. 96 : correspond aux 5 profils cuisine. Aussi lisible : « 96 », « 88 », « 85 », « 77 » |
| 0:29 | Les trois meilleurs se rangent dans une lettre : « Bonjour Sophie, … », ton prénom en bas. Le curseur la parcourt ligne par ligne, puis clique « Envoyer » : à ce moment, le chapitre « 26 juin » s'imprime. | Ta lettre à Sophie est déjà écrite. Il ne reste qu'à la relire. Aussi lisible : « Bonjour Sophie, », « 26 juin » |
| 0:36 | La lettre file vers l'espace de l'école. Côté école, un clic sur « Faire mon choix » (les autres étiquettes restent petites). Le fil devient le trait d'une signature : « Devis signé ». | L'école choisit et signe en ligne. Aussi lisible : « Faire mon choix », « Devis signé » |
| 0:42 | Les mois défilent en petit ; huit conventions de stage (×8) se cochent, puis les échéances de paiement, une à une. | Conventions, paiements : tout se coche ici. Aussi lisible : « ×8 » |
| 0:46 | « 15 mars » s'imprime, dernier chapitre. Le fil s'étire en une trajectoire de vol, de la France à Budapest ; une fenêtre s'ouvre sur Budapest au crépuscule. Le dossier passe à « Séjour en cours ». | Les 8 élèves s'envolent. Aussi lisible : « 15 mars », « Séjour en cours » |
| 0:50 | Recul final : le tableau de bord entier, les 12 dossiers qui avancent de colonne en colonne. Le fil se referme en soulignant le nom. | Study Budapest De la demande au départ. |
Musique : Cinématique : piano et cordes, sombre puis chaude. Vrai silence sur la pause noire, montée quand le tableau de bord apparaît. Je t'en ferai écouter trois au prochain passage.
Le script de ce film
La façon de bouger (l'extrait)
Ce qui cloche (facultatif)
Worth it?
Pour qui : Les touristes à Budapest (réseaux sociaux, et sur les panneaux des lieux). Elle se montre aussi aux lieux partenaires et à Vesta : c'est ce que voit un visiteur.
La promesse : Pas « est-ce que c'est bien ? », mais « est-ce que ça vaut le coup pour TOI ? ».
Données : Deux visiteurs inventés, Anna et Tom. Leurs notes sortent du vrai moteur, mesurées le 22/10 : Széchenyi donne 8.2 « Worth it » pour Anna (Thermal baths, Famous sights, Architecture) et 4.9 « Skip it » pour Tom (Crowds: Avoid them, Tight budget). Les libellés sont ceux de l'appli.
La façon de bouger : Optious, Kinetic Typography Brand Video
Un extrait de la référence, que tu avais validée le 20/10. On n'en copie pas les images, on en prend la façon de faire.
On prend
- Un à trois mots par écran, au centre, très gros.
- Un petit recul juste avant chaque entrée forte, puis le mot entre trop grand et se pose, sans rebond.
- Ce qui frappe s'arrête net, ce qui est frappé part hors du cadre.
- Chaque transition est déclenchée par un mot ou un objet déjà à l'écran (le « ? » devient la note).
- Une rafale dans un cadre fixe (le questionnaire), et l'alternance de coups secs et de respirations.
On ne prend pas
- L'offre dite à la fin : chez nous, l'appli est à l'écran dès la première image.
- Les effets de glitch et d'optique.
Le look
Papier crème de l'appli, un aplat noir pour le plan de la journée. Bricolage Grotesque très gras (la police de l'appli), Instrument Sans pour les petites lignes. Vraies photos des lieux (celles de l'appli), notes géantes, pastilles de verdict aux couleurs de l'appli (jaune pour le « ? », vert WORTH IT, rouge SKIP IT).
Les vrais écrans utilisés
Le script, plan par plan
| Début | Ce qu'on voit | Texte à l'écran |
|---|---|---|
| 0:00 | Dès la première image, l'en-tête de l'appli « Worth it ? · BUDAPEST ». Une photo des bains Széchenyi tombe dans la vraie fiche du lieu, trop grande, et se pose ; le titre de la fiche, géant, est le texte lui-même. | Széchenyi Bath. Aussi lisible : « Worth it » |
| 0:02 | La pastille jaune « ? » de l'appli surgit à côté du titre et grossit. | Worth it? |
| 0:04 | La fiche se fend en deux moitiés : « Anna » en haut, « Tom » en bas. Pas encore leurs goûts. | Same bath. Two people. Aussi lisible : « Anna », « Tom » |
| 0:07 | Le « ? » s'écrase et devient la note géante dans la moitié d'Anna, comme dans l'appli : 8.2, « /10 for you », pastille verte WORTH IT. | 8.2 Aussi lisible : « Anna », « /10 for you », « WORTH IT » |
| 0:09 | Dans la moitié de Tom, la note tombe et frappe : 4.9, « /10 for you », pastille rouge SKIP IT ; la raison s'écrit dessous. | 4.9 Too crowded for him. Aussi lisible : « Tom », « /10 for you », « SKIP IT » |
| 0:13 | Les deux moitiés se referment ; tout se réduit à un point qui bat au centre. | It's not about the place. |
| 0:16 | Le point explose en un mot qui déborde du cadre. | It's about you. |
| 0:18 | Rafale dans un cadre fixe : les écrans du questionnaire se succèdent de plus en plus vite (« Who's coming? » Couple, « Thermal baths » qui s'allume, « Crowds? », « Tight budget »). Les écrans passent trop vite pour être lus, sauf « Thermal baths » qui s'allume. | Tell us what you like. Takes 30 seconds. Aussi lisible : « Thermal baths » |
| 0:23 | Un aplat noir monte : le plan de la journée se construit ligne par ligne. Seules l'heure et la note de la première ligne sont grosses (10:00, 8.3), les suivantes défilent plus petites. | We tell you what's worth your time. Aussi lisible : « 10:00 », « 8.3 » |
| 0:27 | La fiche de Tom revient, vue de dos (seulement « 4.9 SKIP IT », ni photo ni nom du lieu), reçoit le mot de plein fouet et sort du cadre. | And what to skip. Aussi lisible : « 4.9 SKIP IT » |
| 0:30 | Un doigt tape « Directions » ; un trajet se dessine sur un petit plan de Budapest. | Go. Aussi lisible : « Directions » |
| 0:31 | Le logo de l'appli : « Worth it » et la pastille jaune « ? », Budapest, l'adresse. | Worth it? worthit.out-scale.io |
Musique : Percussions sèches et basse, 100 à 110 BPM. Chaque mot qui frappe tombe sur un coup. Je t'en ferai écouter trois au prochain passage.
Le script de ce film
La façon de bouger (l'extrait)
Ce qui cloche (facultatif)
Worth it : pour qui ?
J'ai écrit le film pour les touristes, c'est ce que l'appli promet. Il peut aussi viser les lieux (« on vous envoie les bons visiteurs »), mais le script change.
La suite, après ton OK
- Je sors le moteur commun et ses contrôles automatiques (ce qui ne change jamais).
- Ton 2e passage : 8 secondes de chaque film dans son look, en mouvement, avec trois musiques à écouter pour chacun.
- Ton 3e passage : les trois films.