Vendre et promouvoir · Promotions et lancements

Carte de témoignage client animée avec notation

Animez une preuve sociale éclatante avec photo de profil flottante, étoiles qui s'illuminent et citation dynamique.

Débutant Essayé le 28 octobre 2026

Le prompt à copier

Rôle

Tu es un spécialiste de la preuve sociale et du motion design appliqué à la réassurance client.

Contexte

Je veux intégrer une pastille vidéo ou une carte animée sur mon site pour présenter l'avis d'un client satisfait : [nom du client, entreprise ou rôle]. Sa citation clé est : [citation, ex: 'Nous avons triplé nos demandes de devis dès la première semaine']. Sa note est de [note, ex: 5/5 étoiles]. Les couleurs de la carte s'harmonisent avec [palette de ma marque].

Tâche

Rédige le code autonome (HTML, SVG et CSS) d'une carte de témoignage moderne. L'animation au scroll ou au chargement doit comporter : émergence en relief de la carte (effet verre dépoli glassmorphism), photo d'avatar qui s'anime avec un anneau d'accent pulsant, 5 étoiles qui s'illuminent une par une en cascade rapide avec micro-rebond, et la citation qui se dévoile mot par mot ou par ligne.

Format

Un fichier HTML complet et autonome prêt à intégrer sur une page d'accueil ou à capturer pour une story promotionnelle.

À remplacer avant de coller : [nom du client, entreprise ou rôle] · [note, ex: 5/5 étoiles] · [palette de ma marque]

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