# Spec de Production des Assets Visuels

> Checklist de production des assets marketing. Priorités : P0 = bloquant pour le lancement, P1 = semaine 1, P2 = semaine 2.

## P0 — Bloquant pour le lancement

### 1. Captures d'écran (8) — PNG, 1280×720 minimum, fond clair + sombre
| # | Capture | Usage | Source |
|---|---|---|---|
| 1 | Page d'accueil / hero (drop-zone) | Landing, réseaux | `office-translator-landing-page` |
| 2 | Upload en cours (fichier chargé, langues sélectionnées) | Démo du workflow | Idem |
| 3 | **Résultat côte à côte** (original vs traduit, format intact) | Preuve qualité | Backend + dashboard |
| 4 | Sélecteur de moteur (Google/DeepL/LLM) | Fonctionnalité clé | Idem |
| 5 | Interface glossaire | Différenciation | Dashboard |
| 6 | Dashboard (statistiques, quota) | Crédibilité | `/dashboard` |
| 7 | Page pricing (4 plans) | Conversion | Landing `#pricing` |
| 8 | Profil / historique | Confiance | Dashboard |

**Outil recommandé** : Playwright (script de capture automatisée pour les états dynamiques : upload en cours, progression de traduction).

### 2. Vidéo démo 60–90 s (« How it works ») — MP4 1080p, sous-titres FR + EN
Script :
1. (0–5 s) Logo + tagline animé
2. (5–15 s) Problème : « Traduire un Excel de 50 pages sans casser le format ? »
3. (15–40 s) Démo accélérée : upload → langues → moteur → traduction → téléchargement
4. (40–55 s) Split-screen original/traduit, zoom sur tableaux et images intacts
5. (55–65 s) CTA « Essayez gratuitement » + URL

### 3. OG Image — 1200×630 px
Logo + tagline + capture résultat côte à côte. Utilisée pour X, LinkedIn, Product Hunt, partages.

### 4. GIF workflow 15 s
Boucle upload → traduction → téléchargement (extraire de la vidéo démo). Pour le thread X et Product Hunt.

## P1 — Semaine 1

### 5. Logo
SVG version claire + sombre, icône seule + avec texte « Office Translator » / « Wordly.art ».

### 6. Favicon
32×32 et 16×16, ICO + PNG.

### 7. Bannière GitHub
1280×640 px pour le README du repo.

### 8. Infographie « Pourquoi Office Translator »
Comparatif avant/après (pipeline standard vs en place), 1 colonne, partageable.

### 9. Tutoriel YouTube 3–5 min
Screencast + voiceover : création de compte, upload, glossaires, moteurs, téléchargement.

## P2 — Semaine 2

### 10. Templates e-mails (5)
Bienvenue, « votre premier document », éducation glossaire, offre d'upgrade, réactivation.

### 11. Kit réseaux sociaux
12 visuels (4 avant/après, 4 astuces, 4 mises à jour) au format 1080×1350 (LinkedIn) + 1600×900 (X).

## Validation
Chaque asset P0 est validé par : (a) exactitude technique (pas de capture d'un état impossible), (b) lisibilité au format cible, (c) cohérence de la charte (couleurs `--accent` oklch(0.555 0.17 250), police Geist).