Réalisations · Marketing et SaaS B2B

mckp

Pubs vidéo 9:16 générées depuis l'URL d'un SaaS

Django · Channels · Celery · Playwright · Three.js · ffmpeg · Stripe
En production

Aperçu de mckp — Page d’accueil publique de mckp (mockupStudio). Source · 2026-09-23

Contexte et périmètre

mckp transforme l'adresse d'un SaaS en publicité vidéo verticale. L'application explore le vrai site, capture ses écrans, propose des angles, écrit un script en trois scènes et rend une vidéo 9:16 calée sur le rythme, que l'on retouche dans un éditeur en temps réel.

Défis et solutions

Montrer le vrai produit, pas une maquette générique.

L'exploration suit les liens réels du site, sans sélecteur inventé.

Résultat : Chaque vidéo montre les écrans réels du SaaS.

Donner envie avant de faire payer.

Un teaser court, à résolution réduite, rendu rapidement puis remplacé par la version complète après paiement.

Résultat : L'utilisateur voit sa vidéo avant de sortir sa carte.

Un rendu de produit, pas un diaporama de captures.

Un modèle « cinema reveal » en WebGL : lumière, reflet au sol, particules, caméra qui décélère.

Résultat : Des vidéos au niveau d'une présentation produit, prêtes pour les réseaux.

Ce que fait l’application

Exploration réelle du site
Un navigateur piloté suit les vrais liens du SaaS et s'arrête aux étapes protégées.
Script en trois scènes
Angles proposés, script découpé et calé sur le rythme.
Rendu motion design
Scène WebGL avec matière, reflets et caméra animée, rendue image par image.
Éditeur en temps réel
Chaque modification se voit dans le studio.
Teaser avant paiement
Un aperçu filigrané pour juger sur pièce.
API de rendu
Commande et récupération des vidéos par clé d'API.

Fonctionnement

Studio conversationnel en temps réel : l'utilisateur colle une URL et suit l'exploration du site en direct. Un teaser gratuit, court et filigrané, arrive en premier ; la version complète 1080×1920 sans filigrane est rendue après paiement. Les rendus tournent sur une file de tâches dédiée, et une API à clé permet de commander des vidéos depuis un autre outil.