visual-storytelling

Déclencheurs

• narration visuelle
• storytelling de marque
• récit visuel
• storyboard
• contenu multimédia
• storytelling vidéo
• motion design
• infographie
• visualisation de données
• design d'information
• communication visuelle
• récit de marque
• contenu multi-plateforme
• animation design
• médias interactifs
• direction photo
• stratégie visuelle
• adaptation de contenu

Instructions

Développement de récits visuels

Construisez chaque histoire visuelle avec une structure claire :

1. Création de l'arc narratif : Début (mise en place), milieu (conflit/tension), fin (résolution)
2. Développement des personnages : Identifier le protagoniste (souvent le client/utilisateur)
3. Identification du conflit : Le problème ou le défi qui anime le récit
4. Design de la résolution : Comment la marque/le produit fournit la solution
5. Cartographie du parcours émotionnel : Tracez les pics et les creux émotionnels tout au long de l'histoire
6. Rythme visuel : Contrôlez le rythme et le timing des éléments visuels pour l'engagement

Création de contenu multimédia

Storytelling vidéo

• Développez des storyboards avec sélection de plans et rythme visuel
• Définissez l'arc narratif au sein de la structure vidéo
• Spécifiez les angles de caméra, les transitions et le flux visuel
• Planifiez les points de synchronisation audio/visuelle

Animation et motion graphics

• Appliquez les 12 principes d'animation pour un mouvement poli
• Concevez des micro-interactions et des animations explicatives
• Créez des motion graphics qui simplifient les concepts complexes
• Spécifiez les courbes de timing et les fonctions d'easing

Direction photo

• Développez des concepts visuels et des planches d'ambiance
• Définissez la direction du style (vêtements, accessoires, décor)
• Spécifiez l'éclairage, la composition et la palette de couleurs
• Créez des listes de plans organisées par séquence narrative

Médias interactifs

• Concevez des récits avec défilement et révélation progressive
• Créez des infographies interactives avec exploration dirigée par l'utilisateur
• Créez des expériences web avec des éléments de storytelling visuel
• Planifiez les points d'interaction utilisateur au sein du flux narratif

Design d'information et visualisation de données

• Storytelling de données : Analysez les données, établissez une hiérarchie visuelle, créez un flux narratif
• Design d'infographie : Structurez le contenu avec des métaphores visuelles et des mises en page scannables
• Design de graphiques et diagrammes : Sélectionnez les types de visualisation appropriés aux caractéristiques des données
• Révélation progressive : Stratifiez la révélation d'information pour une compréhension optimale

Adaptation multi-plateforme

Adaptez le contenu visuel pour chaque plateforme :

• Instagram Stories : Format vertical, éléments interactifs, progression par swipe
• YouTube : Vidéo horizontale, optimisation des miniatures, hooks de rétention
• TikTok : Court-métrage vertical, intégration des tendances, hook dans les 3 premières secondes
• LinkedIn : Contenu visuel professionnel, formats infographie, publications carousel
• Pinterest : Mises en page verticales optimisées pour les épingles, contenu saisonnier
• Site web : Éléments visuels interactifs, design responsive, récits pilotés par le scroll

Standards

• Chaque histoire visuelle doit avoir une structure narrative claire
• Assurez la conformité d'accessibilité pour tout contenu visuel (alt text, sous-titres, contraste)
• Maintenez la cohérence de marque dans toutes les communications visuelles
• Tenez compte de la sensibilité culturelle dans toutes les décisions de storytelling visuel

Intégration d'EloPhanto

• Utilisez web_search pour rechercher les tendances visuelles et les spécifications des plateformes
• Utilisez browser_navigate pour analyser les stratégies visuelles des concurrents et collecter des références
• Utilisez knowledge_write pour maintenir les directives de récit de marque et les modèles de storyboard

Livrables

Modèle de storyboard

# [Nom du projet] Récit visuel

## Arc narratif
- **Mise en place** : [Contexte et introduction du protagoniste]
- **Conflit** : [Problème ou défi]
- **Action montante** : [Construction de la tension/engagement]
- **Climax** : [Révélation clé ou tournant]
- **Résolution** : [Solution et connexion à la marque]

## Séquence de plans
| # | Visuel | Copie/VO | Durée | Émotion |
|---|--------|----------|-------|---------|
| 1 | [Description] | [Texte/voix-off] | [Secondes] | [Sensation cible] |
| 2 | [Description] | [Texte/voix-off] | [Secondes] | [Sensation cible] |

## Adaptations par plateforme
- **Instagram** : [Notes d'adaptation verticale]
- **YouTube** : [Notes d'adaptation horizontale]
- **Site web** : [Notes d'adaptation interactive]

Brief de visualisation de données

# Récit de données : [Titre]

## Message clé
[Phrase unique que la visualisation doit communiquer]

## Points de données
- Métrique primaire : [Valeur et contexte]
- Métriques secondaires : [Valeurs et comparaisons]
- Tendance : [Direction et importance]

## Type de visualisation
[Type de graphique/diagramme avec justification]

## Traitement visuel
- Palette de couleurs : [Couleurs alignées à la marque avec signification sémantique]
- Typographie : [Étiquettes de données, étiquettes d'axes, annotations]
- Hiérarchie : [Ce qui attire l'attention en premier, deuxième, troisième]

Plan de contenu multi-plateforme

# Contenu visuel : [Nom de la campagne]

## Récit principal
[Résumé narratif de 2-3 phrases]

## Matrice des plateformes
| Plateforme | Format | Dimensions | Durée | Adaptation clé |
|-----------|--------|------------|-------|----------------|
| Instagram | Story | 1080x1920 | 15s/slide | Récit par swipe |
| YouTube | Vidéo | 1920x1080 | 2-5 min | Profondeur long-format |
| TikTok | Court-métrage | 1080x1920 | 15-60s | Rythme avec hook d'abord |
| LinkedIn | Carousel | 1080x1080 | 5-10 slides | Ton professionnel |
| Site web | Interactif | Responsive | Scroll-driven | Expérience complète |

Métriques de succès

• Les taux d'engagement du contenu visuel augmentent de 50 % ou plus
• Les taux de complétion d'histoire atteignent 80 % pour le contenu narratif visuel
• La reconnaissance de marque s'améliore de 35 % grâce au storytelling visuel
• Le contenu visuel fonctionne 3x mieux que le contenu texte uniquement
• Le déploiement visuel multi-plateforme réussit sur 5+ plateformes
• 100 % du contenu visuel respecte les standards d'accessibilité
• Le temps de création de contenu visuel se réduit de 40 % grâce à des systèmes efficaces
• Taux d'approbation à la première tentative de 95 % pour les concepts visuels

Vérification

• Le changement a été rendu dans un navigateur/simulateur et une capture d'écran ou un snapshot DOM a été capturé, et non simplement examiné par code review
• La mise en page a été vérifiée aux points de rupture que le guide de storytelling visuel spécifie (minimum mobile + desktop) ; des preuves de chacun sont jointes
• Les valeurs de couleur, typographie et espacement utilisées proviennent des design tokens/thème du projet, et non de valeurs ad-hoc codées en dur
• La navigation au clavier et l'ordre de focus ont été exercés sur chaque élément interactif introduit
• Les variantes reduced-motion/dark-mode (quand supportées) ont été vérifiées, et non supposées hériter
• Aucune erreur de console ou avertissement d'hydratation n'a été émis lors du rendu de vérification