Motion Deck · template HyperFrames 6 sur 6
Produit en interface
La pub d'un produit logiciel sans capture d'écran : une phrase dont le dernier mot défile dans une colonne de puces, une saisie tapée lettre à lettre et envoyée par un curseur, des notifications qui s'empilent, un chiffre énorme en dégradé, un anneau de pastilles autour d'un compteur, un seul mot géant, puis le logo et son champ d'appel cliqué.
Rendu du template avec ses valeurs par défaut (18 s, muet) : Textes : ceux du Motion Deck (la commande du skill, les étapes rendu, planche, publication, la phrase du hub), aucun texte nouveau.
identifiant : produit-ui · format 16:9 · HyperFrames 0.8.73 + GSAP 3.14.2
Six images de notre rendu
Notre rendu à côté de l'exemple
À gauche la vidéo 7 (une image toutes les 1,7 s, recadrée sur la vidéo), à droite notre rendu du template sur le Motion Deck lui-même. On en reprend la manière, pas les écrans.
La fiche du template
Fond blanc qui se teinte par le bas d'un dégradé de la couleur d'accent, interface en cartes douces à ombre large, une seule couleur vive. Les mots arrivent un par un en sortant du flou, le mot clé en dégradé ; les plans s'enchaînent en fondus légèrement zoomés, sans coupe franche ; le curseur vise le vrai bouton et le clic se voit.
Présenter un logiciel, un service en ligne, un outil interne ou une fonction : quand on vend une interface et ce qu'elle fait gagner.
Outfit 300 à 800, Newsreader (logo)
Vidéo 7 du carrousel (pub d'un produit logiciel, 50 s)
instagram.com/p/Ddy2jrzDjFL, regardée image par image le 29/09/2026
Le template
Une composition HyperFrames paramétrée : textes, couleurs et durée passent en variables, rien ne se réécrit dans le HTML. Le README liste les variables et les figures.
index.html README.md template.json rendre_template.py
Source : 03 - Ressources/Skills/creation-motion-design/templates-hf/produit-ui/ cd "03 - Ressources/Skills/creation-motion-design/templates-hf" python3 rendre_template.py produit-ui vars.json film.mp4 --voix voix.wav