Comment j'ai créé 4 pubs cinématiques pour mon app Muslim en 3h (IA vidéo + React)

Ouvrez l'App Store et tapez "Coran". Vous tomberez sur un mur d'apps qui ont l'air d'avoir été dessinées en 2015. Dégradés verts. Polices proches du Comic Sans. Photos stock de mosquées au coucher de soleil étirées hors proportions.

J'ai shipé QuranWay — une app de prière musulmane — sans jamais l'avoir promue publiquement. Avec la v1.3 en review chez Apple et zéro budget, je me suis donné une après-midi pour lancer sa première campagne UGC. Quatre pubs cinématiques, prêtes pour TikTok, Reels et YouTube Shorts, générées avec de l'IA et montées avec du code.

Voici exactement comment j'ai fait — y compris les deux directions créatives qui ont raté avant celle qui a marché.

Le brief : zéro budget, 5 crédits IA, format vertical 9:16

Les contraintes d'abord :

• 5 crédits sur Google Flow / Veo Lite — environ 5 générations de clips de 8 secondes, pas plus
• Pas d'acteur, pas de studio, pas de jour de tournage — pure génération IA
• Pas d'app de montage vidéo — j'avais déjà bricolé un setup Remotion pour les Shorts Veil of Aeons que je voulais réutiliser
• Une après-midi avant qu'un autre projet ne réclame mon attention

L'angle choisi : positionner QuranWay comme "l'app musulmane qui a vraiment l'air d'être en 2026". Design-first, premium, ciblée Gen Z musulmane qui a arrêté d'attendre du bon UX des apps religieuses.

Pivot 1 — le piège de la "pub Apple avec un téléphone" (rejeté)

Mon premier réflexe a été de copier les pubs Apple. Téléphones flottant dans l'espace, écrans qui glow, dolly-in fluides. Cinématique, premium, safe.

J'ai généré un clip avec ce prompt :

Ultra-premium cinematic product shot of a modern vertical smartphone
floating in space, slowly rotating 360 degrees. Background is a deep
teal-to-black gradient with subtle golden particle bokeh. Studio lighting
with gold rim light on the device edges. Apple-ad aesthetic. 100mm macro
lens. Ultra-slow rotation. Clean, minimal, iconic. 8 seconds.

Le rendu était magnifique. Niveau cinéma. J'étais content du résultat pendant trente secondes.

Puis je me suis posé la vraie question : qu'est-ce qu'un scroller TikTok apprend de ça dans la demi-seconde où son pouce hésite ? Rien. Un téléphone. Ça pourrait être Apple. Ça pourrait être Samsung. Ça pourrait être une pub Squarespace. Zéro lien avec l'Islam, zéro lien avec QuranWay, zéro hook.

Leçon 1 : un beau plan produit sur un téléphone générique, ce n'est pas du marketing — c'est du stock footage.

Pivot 2 — téléphone + objets musulmans (toujours faux)

Round deux : garder le téléphone mais ajouter des marqueurs culturels musulmans autour. Un Coran fermé sur une table en bois, un tasbih draped à côté, un coin de tapis de prière qui dépasse. Plus un glow abstrait sur l'écran pour suggérer l'app.

J'ai rédigé les prompts. Relus. Et j'ai réalisé que le même piège m'attendait : le téléphone restait encore le héros visuel. L'œil du viewer allait se locker sur l'écran, attendre une UI, et trouver un glow vague à la place. Anti-climax. J'allais payer Veo pour générer des téléphones génériques avec des non-UIs bizarres.

Leçon 2 : ne mets pas ton produit là où ton histoire devrait être.

Pivot 3 — sans téléphone, la vie d'abord (celui qui a marché)

Le déclic est venu en inversant la question. Au lieu de "comment je fais une belle pub pour une app", je me suis demandé "à quoi ressemble vraiment l'usage de QuranWay dans la vie de quelqu'un ?"

La réponse n'était pas un téléphone. C'étaient les moments où l'app apparaît :

• Tourner les pages d'un Coran le matin
• Faire les ablutions avant la prière
• Dérouler un tapis de prière au crépuscule
• Égrener un tasbih dans le calme de la fin d'après-midi

Aucun de ces moments n'a besoin d'un téléphone dans le cadre. Aucun n'a besoin de l'UI de l'app. Ils sont instantanément identifiables comme vie musulmane. Le cerveau du scroller les traite en bien moins d'une seconde — les marqueurs culturels font le ciblage que les hashtags ne peuvent pas faire.

J'ai réécrit les quatre prompts autour de ces moments. Sans téléphone. Mains et rituels uniquement. Pas de texte natif (j'ajouterais les overlays plus tard en code — la typo de Veo n'est pas fiable). Voici les versions finales, prêtes à coller :

Prompt 1 — Mushaf

Cinematic macro close-up of two hands gently turning the pages of an
open leather-bound book with delicate gold Arabic calligraphy on
cream-colored pages, resting on a warm wooden table. Soft morning
sunlight streams through a nearby window, creating warm highlights and
shallow shadows across the pages. A thumb slowly traces down a line of
script. 85mm macro lens, very shallow depth of field, cinematic ARRI
Alexa look. Slow meditative pace. Natural warm color palette. No text
overlays, no graphics, no modern devices in frame. 8 seconds.

Prompt 2 — Wudu

Cinematic slow-motion macro close-up of two hands under gentle running
water in a modern white ceramic sink. Clear water droplets rise and
fall in extreme slow motion as the hands slowly wash one another,
fingertips to wrist. Natural soft daylight from a side window creates
clean highlights on the water and skin. Warm neutral tones. No faces
visible, only hands and water. 100mm macro lens, shallow depth of
field, cinematic ARRI Alexa look. Calm ritual atmosphere. No text,
no graphics. 8 seconds.

Prompt 3 — Tapis de prière

Cinematic close-up of two hands slowly unrolling a richly woven prayer
rug with an intricate geometric Islamic pattern featuring eight-pointed
stars and arches in deep burgundy, teal and gold thread, across a warm
wooden parquet floor. Golden-hour sunlight streams through a tall
window, casting long warm shadows and illuminating the fabric's
texture. 35mm lens, low angle, shallow depth of field, ARRI Alexa
cinematic look. Slow deliberate movement, peaceful atmosphere. No text,
no graphics. 8 seconds.

Prompt 4 — Tasbih

Cinematic extreme macro close-up of a single hand slowly counting a
string of 99 dark polished wooden prayer beads with a small tassel at
the end, sliding one bead at a time between the thumb and fingers.
Warm late-afternoon sunlight filters through a window, creating a soft
golden bokeh in the background. Shallow depth of field, 100mm macro
lens, ARRI Alexa cinematic look. Slow contemplative pace, peaceful
atmosphere. No text, no graphics. 8 seconds.

Quelques détails à voler pour n'importe quel prompt vidéo IA :

• Décris les objets rituels par leurs caractéristiques physiques, pas par leur nom religieux. "Quran" peut déclencher des filtres de sécurité ; "leather-bound book with gold Arabic calligraphy on cream-colored pages" jamais — et Veo capte parfaitement le look.
• Verrouille l'objectif. "85mm macro", "ARRI Alexa look", "shallow depth of field" — c'est du langage que les données d'entraînement de Veo comprennent. Les adjectifs génériques ("nice", "pretty") sont des tokens gaspillés.
• Interdis ce que tu ne veux pas. Les prompts négatifs en anglais simple ("no text overlays, no graphics, no modern devices in frame") fonctionnent étonnamment bien.

Veo a tapé juste les quatre du premier coup. Voici les frames intermédiaires :

Total dépensé à ce stade : 4 crédits. Temps total : environ 45 minutes.

Le montage Remotion (15 minutes par clip)

Veo Lite tamponne un petit watermark "Veo" en bas à droite de chaque clip. C'est le prix de la génération gratuite. Je n'allais pas payer pour le retirer — j'allais le cropper en code.

J'ai bootstrapé un projet Remotion fresh (React → MP4) en réutilisant des patterns d'un précédent projet de Shorts. La composition fait trois choses par clip :

1. Croppe le watermark. Une transform CSS avec une origine biaisée pousse le coin bas-droit hors du cadre.
2. Surimpose un hook de 3 lignes en Plus Jakarta Sans avec une entrée mot-par-mot staggered et une fine ligne accent dorée.
3. Termine sur 1.5s d'outro logo avec l'icône QuranWay, le wordmark et le tagline.

Le trick du watermark est la pièce la plus utile. Un objectFit: cover upscale 720×1280 vers 1080×1920 parfaitement (1.5× sur les deux axes), mais le watermark scale avec le reste et reste en bas-droite. Ajouter une seconde transform avec une origine biaisée pousse ce coin hors du cadre :

<AbsoluteFill
  style={{
    transform: `scale(${videoScale})`,           // 1.20 → 1.28 sur 8s
    transformOrigin: "30% 30%",                  // bias vers le top-left
    overflow: "hidden",
  }}
>
  <OffthreadVideo src={videoPath} style={{ width: "100%", height: "100%", objectFit: "cover" }} />
</AbsoluteFill>

transform-origin: 30% 30% est la magie. Le scale étend tout vers l'extérieur depuis cet ancrage, ce qui pousse le coin bas-droit ~13% au-delà du cadre à 1.28× — assez loin pour clipper le watermark sans perdre le sujet (qui vit au centre du cadre de toute façon). Le léger scale-up sur 8 secondes donne aussi aux plans statiques une dérive Ken Burns subtile.

Les hooks sont rendus avec @remotion/google-fonts/PlusJakartaSans — la même typo que pour les screenshots App Store de QuranWay, donc la marque reste cohérente du feed à la page produit.

const lines = [line1, line2, line3];
return lines.map((line, i) => {
  const delay = 6 + i * 10;     // stagger lines toutes les 10 frames
  const opacity = interpolate(frame, [delay, delay + 12], [0, 1]);
  const y       = interpolate(frame, [delay, delay + 18], [30, 0]);
  const blur    = interpolate(frame, [delay, delay + 10], [6, 0]);
  return <div style={{ fontFamily, opacity, transform: `translateY(${y}px)`, filter: `blur(${blur}px)` }}>{line}</div>;
});

Chaque ligne arrive avec un soft blur qui se clarifie — le genre de motion subtil qui fait la différence entre "pub" et "vidéo qui mérite mon temps de vue".

Les quatre hooks sont mappés directement sur les plus grosses features de l'app sans jamais dire "feature" ou "download" :

• Mushaf → "Read. Memorize. Reflect."
• Wudu → "Start your day right."
• Prayer mat → "Never miss another prayer."
• Tasbih → "Build the streak."

npm run render:all produit quatre MP4 en environ 90 secondes. Temps Remotion total, écriture de la composition incluse : moins d'une heure.

Publier sur trois plateformes

Le même fichier 9:16 fonctionne sur TikTok, Instagram Reels et YouTube Shorts — pas de ré-encodage. J'ai uploadé les quatre sur YouTube via un CLI que j'avais déjà construit, programmé les TikToks, et posté le premier Reel à la main (Instagram ne permet toujours pas aux solo creators de programmer des Reels sans outil tiers).

Un petit piège qui peut coûter cher sur YouTube : mon script d'upload auto-génère par défaut des titres style clickbait via OpenAI. Le premier clip est parti en "😱 VIRAL Muslim Lifestyle App Moment #Shorts". Ce titre empoisonnerait absolument le brand pour une app spirituelle. J'ai patché l'appel pour les trois suivants en passant --title --description --tags directement, et renommé le premier sur YouTube Studio après coup.

Leçon 3 : ne jamais laisser de la metadata auto-générée passer pour un produit brand-sensitive. Pré-écris le titre.

Pour les captions, j'ai séparé TikTok (court, 5–7 hashtags, focus #muslimtok #islamictok) d'Instagram (plus long, 10–15 hashtags, plus de surface de discovery). Les deux incluent l'URL App Store en clair — non-cliquable mais utile pour le SEO et la crédibilité — plus un pointer "link in bio".

Ce que je ferais différemment la prochaine fois

Trois choses que je note pour la v2 :

1. Localiser le winner immédiatement. L'EN comme master a du sens pour l'algorithme, mais si un clip dépasse 10k vues, je veux les overlays arabe, indonésien, turc et urdu prêts en une heure. Le setup Remotion rend ça trivial — change trois strings, re-render. Je pré-traduirai les hooks avant de poster la prochaine fois.
2. Bake the audio decision dans le pipeline. J'ai muté l'audio Veo (il est mauvais) et laissé les users TikTok/Reels ajouter un trending sound à l'upload. Mérite d'expérimenter un sub-mix doux d'instrumentaux Nasheed trending bakés in pour YouTube où les users n'ajoutent pas leur propre son.
3. Traiter le framework comme l'asset. Le projet Remotion est réutilisable pour chaque drop QuranWay futur, chaque campagne WallCraft AI, chaque autre app que je ship. Open-sourcer une version stripped est sur ma liste.

Le pattern plus large

Le truc intéressant ce n'est pas que j'ai fait quatre pubs avec de l'IA en une après-midi. C'est que toute la pipeline — génération, montage, rendu, upload — tourne depuis un terminal. Pas de Premiere, pas de Final Cut, pas d'After Effects, pas d'asset manager, pas de board Asana. Une poignée de fichiers TypeScript et quelques centaines d'octets de YAML.

C'est la stack de production qui était inaccessible aux fondateurs solo il y a cinq ans. C'est maintenant huit prompts Veo, un transform-origin, et npm run render:all.

Si tu veux voir le résultat, QuranWay est gratuit sur l'App Store. Les quatre pubs sont programmées pour aller en ligne cette semaine sur TikTok, Instagram et YouTube. Je reviendrai mettre à jour ce post avec les métriques dans sept jours.

— Andy