Motion design et vidéo · Vidéos de lancement et publicité

Carte de témoignage client en verre dépoli animé (Master Prompt Social Proof)

Le prompt d'ingénierie complet pour transformer un avis client en une pièce maîtresse de réassurance avec verre dépoli, étoiles dynamiques et citation en relief.

Débutant Essayé le 28 octobre 2026

Master Prompt d’ingénierie Motion Design

Prompt Master Motion Design (Architecture complète)

Prêt à copier dans Claude 3.7 Sonnet, Cursor ou votre environnement de code

<inputs>Paramètres d’entrée requis

Demande-moi d'abord : le nom du client et son rôle/entreprise [client et rôle], sa photo d'avatar ou portrait de haute qualité [photo], la citation forte à mettre en avant [citation client], la note attribuée (ex: 5/5 étoiles), et le thème chromatique de la marque (mode verre dépoli sombre ou clair épuré).

</inputs>

<direction>Direction artistique & Règles visuelles

Preuve sociale animée de classe mondiale pour page de vente et réseaux sociaux. La carte de témoignage émerge de la page avec un effet de verre dépoli (Glassmorphism moderne) et une profondeur tridimensionnelle. L'avatar du client prend vie avec un anneau de pulsation d'accent lumineux. Les 5 étoiles surgissent une à une toutes les 80 millisecondes avec un micro-rebond élastique chaleureux. La citation se dévoile mot par mot comme une pensée qui se formule en direct, et un badge "Avis vérifié" avec une coche verte rassurante clôture la scène. Strictement banni : cartes plates et sans relief, étoiles statiques sans éclat, textes trop longs illisibles sur mobile, et citations génériques sans aspérité.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

Durée totale 3,5 secondes en animation d'engagement : - 0.0s - 0.8s : Émergence de la carte en suspension (backdrop-filter: blur(16px), scale 0.94 -> 1.0, ombre portée douce à 3 étages). - 0.8s - 1.4s : L'avatar s'anime avec un anneau d'accent lumineux qui pulse. L'icône de guillemets monumentale semi-transparente s'ouvre en haut à gauche. - 1.4s - 2.0s : La cascade des 5 étoiles dorées : chaque étoile surgit de scale 0 à 1.3 puis se stabilise à 1.0 avec un intervalle précis de 80ms entre chacune. - 2.0s - 3.0s : Dévoilement fluide de la citation avec surlignage doux de la phrase la plus percutante. - 3.0s - 3.5s : Apparition du nom, du poste et du badge certifié vert avec onde de confiance.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML/SVG/CSS autonome responsive. 2. Verre dépoli moderne : combinaison de backdrop-filter: blur(16px), d'une bordure fine semi-transparente (1px solid rgba(255,255,255,0.15)) et d'une ombre douce diffuse. 3. Rendu 60fps Playwright pour format vidéo story Instagram/LinkedIn ou intégration web directe.

</build>

<gotchas>Pièges techniques & Erreurs à éviter

Ne placez pas de fond flou trop lourd sur les machines d'entrée de gamme sans vérifier les performances : utilisez will-change: transform uniquement pendant l'animation d'entrée de la carte.

</gotchas>

<start>Consigne d’amorçage & Démarrage

Demande-moi d'abord mon témoignage et mes couleurs (<inputs>), puis calibre l'ordre d'apparition des étoiles et du texte avant de coder.

</start>

À remplacer avant de coller : [client et rôle] · [photo] · [citation client]

Pourquoi ça marche mieux

Demande vague

« anime un avis client avec des étoiles »

L’IA doit deviner : réponse générale, ou questions en retour.

Avec R.C.T.F.

Rôle, contexte, tâche et format sont précisés : la réponse est utilisable presque telle quelle.

Exemple de résultat

Réponse obtenue avec Claude, Cursor, le 28 octobre 2026. Votre résultat sera différent : l’IA ne répond jamais deux fois pareil.

Chronologie de l'animation (durée : 2,2 secondes) : - 0ms - 400ms : La carte émerge du bas avec flou gaussien dégressif (backdrop-filter: blur(12px), scale 0.95 -> 1.0). - 300ms - 700ms : L'avatar s'agrandit avec un contour d'onde lumineuse verte ou dorée. - 600ms - 1100ms : Les 5 étoiles SVG surgissent une à une toutes les 80ms (scale 0 -> 1.3 -> 1.0, couleur dorée brillante avec lueur). - 1000ms - 1800ms : Les guillemets géants s'ouvrent en haut à gauche et la citation apparaît par glissement doux. - 1800ms - 2200ms : Le nom du client et son badge certifié s'affichent avec une coche verte rassurante.

Pour améliorer la réponse, relancez

Transforme cette carte en carrousel automatique de 3 avis clients successifs.
Adapte le format en vidéo carrée 1080x1080 pour publication sur LinkedIn.

Conseil. Ajouter un badge 'Avis vérifié' avec une micro-icône de coche verte animée renforce de plus de 40% la crédibilité perçue par rapport à un avis statique ordinaire.

Essayé avec

Apprendre à écrire vos propres prompts

La formation gratuite « L’IA pour entrepreneurs » vous apprend la méthode R.C.T.F. en vidéo, avec des exercices et un quiz.

Suivre la formation gratuite