Générateur de rapports de stratégie visuelle pour catégories e-commerce
Basé sur la méthodologie Atlas, génère des rapports HTML standardisés en 12 chapitres de stratégie visuelle pour toute catégorie de e-commerce transfrontalier.
Capacités principales
- Méthodologie complète : 9 modules de référence, couvrant toute la chaîne de l'analyse concurrentielle à la décision visuelle
- Template prêt à l'emploi : Template HTML intégré + styles CSS + outil de graphiques Chart.js, utilisable directement
- Structure standard en 12 chapitres : Analyse de marché → Mots-clés → Image principale → Images secondaires → Insights utilisateurs → FABE → A+ → Vidéo → Brand store → Diagnostic des données → Plan d'action
- 6 types de graphiques : Diagrammes en barres, barres horizontales, radar, anneau/camembert, visualisation basée sur les données
Emplacement des ressources du template
Les fichiers du template se trouvent dans assets/report-template/ :
assets/report-template/
├── index.html # Template HTML complet 12 chapitres (avec JS de graphiques intégrés, tout contenu marqué par des {{placeholders}})
└── assets/
└── report-base.css # Styles de base thème orange (design tokens + ensemble complet de composants)
Chart.js est chargé via CDN, les fonctions utilitaires de graphiques sont intégrées dans le HTML, prêtes à l'emploi.
Utilisation : Copiez tout le dossier assets/report-template/ dans votre répertoire de travail, puis remplacez les {{placeholders}} et les données des graphiques en bas de index.html.
Processus de génération du rapport
Première étape : Collecte d'informations
Avant de générer le rapport, collectez les informations suivantes :
- Informations sur la catégorie : Nom de la catégorie (chinois/anglais), plateforme cible (Amazon/site indépendant, etc.)
- Données de marché : Répartition des prix, liste des marques leaders (au moins 5), arguments de vente et style visuel de chaque marque
- Données de mots-clés : Mots-clés principaux / de longue traîne / contextuels, volume de recherche, concurrence
- Données des avis : Mots fréquents positifs/négatifs, liste des principaux points de douleur
- Informations produit : Caractéristiques, avantages, positionnement de la cible utilisateur
Si l'utilisateur ne fournit pas de données complètes, générez une analyse de placeholder raisonnable basée sur la connaissance de la catégorie et les conditions générales du marché, et mentionnez "nécessite une vérification avec les données réelles".
Deuxième étape : Génération du rapport
- Copiez
assets/report-template/dans le répertoire de travail - Remplacez le contenu des
{{placeholders}}dansindex.htmlchapitre par chapitre - Remplacez les données des graphiques dans la balise
<script>en bas - Assurez-vous que les 12 chapitres sont tous remplis complètement
- Utilisez l'outil
create_htmlpour déployer le rapport en tant que page en ligne accessible
Troisième étape : Contrôle qualité
Avant la livraison, vérifiez :
- Les 12 chapitres sont tous remplis, aucun
{{placeholder}}oublié - Les données des 6 graphiques ont été remplacées avec les données correspondantes de la catégorie
- Les insights clés et les recommandations stratégiques sont spécifiques et exploitables
- La matrice FABE contient au moins 5 chaînes d'avantages complètes
- Le plan d'action a des priorités et un calendrier clairs
- La langue du rapport est le chinois, professionnelle et concise
Références méthodologiques
Les documents méthodologiques détaillés se trouvent dans references/, à charger selon les besoins :
| Document | Contenu | Quand le charger |
|---|---|---|
atlas-workflow.md | Processus complet en 10 étapes du workflow visuel Atlas | Avant de commencer l'analyse, pour comprendre le cadre global |
user-insight.md | Six dimensions des insights utilisateurs, méthode d'analyse des avis, profil de décision d'achat | Lors des chapitres sur les insights utilisateurs et l'analyse des avis |
fabe-model.md | Modèle FABE, trois structures, exemples inter-catégories | Lors du chapitre sur la traduction des avantages FABE |
main-image-strategy.md | Trois éléments de l'image principale, cinq pièges, adaptation par catégorie | Lors du chapitre sur la stratégie de l'image principale |
image-gallery-strategy.md | Méthode de disposition en cinq étapes des images secondaires, 6 modules, erreurs courantes | Lors du chapitre sur la stratégie des images secondaires |
a-plus-strategy.md | Structure en six sections A+, exploration du contenu, assistance IA | Lors du chapitre sur la page A+ |
video-strategy.md | Matrice de contenu vidéo, script d'or, emplacements de diffusion | Lors du chapitre sur la stratégie vidéo |
brand-store-strategy.md | 6 modules de la boutique officielle, système d'identité visuelle de la marque | Lors du chapitre sur la boutique officielle de la marque |
data-diagnosis.md | Indicateurs clés, méthodes de diagnostic, boucle d'optimisation | Lors du chapitre sur le diagnostic des données |
Utilisation des outils de graphiques
report-charts.js encapsule 4 types de graphiques courants, appelés ainsi :
// Graphique en barres
ReportCharts.bar({ canvasId, labels, datasets, title });
// Graphique en barres horizontales
ReportCharts.horizontalBar({ canvasId, labels, datasets, title });
// Graphique radar
ReportCharts.radar({ canvasId, labels, datasets, title });
// Graphique en anneau/camembert
ReportCharts.doughnut({ canvasId, labels, data, title });
Tous les graphiques utilisent par défaut le thème orange et sont automatiquement responsives.
Principes d'exécution
- Rechercher avant de produire — Ne générez pas à l'aveuglette ; basez-vous sur la connaissance de la catégorie et les lois du marché
- Données remplaçables — Organisez toutes les données avec une logique de variables/placeholders pour faciliter le remplacement par l'utilisateur
- Stratégies exploitables — Chaque recommandation stratégique doit inclure des actions concrètes, pas de généralités
- Boucle complète — De l'analyse à la stratégie en passant par le plan d'action, formez une boucle complète
- Professionnalisme visuel — Utilisez pleinement les composants du template (cartes, tableaux, encadrés d'insights, graphiques) pour garantir la qualité visuelle