3ac65557a0
README.md: - Publishing Gates: sezione riscritta più chiara con workflow manuale dettagliato - Note finali: aggiornate per coerenza (publish manuale, 5 workflow) - Versione: v2.1 — No Publisher, Manual Publish Gate-Based References (19 file): - Rimosso '_Framework: agency_v3_1 | Estratto: 2026-03-09_' dall'header - Rimosso '_Reference generato da framework-translator_' dal footer - Mantenuto solo '_Usato da:_' dove presente Files modificati: 20 (1 README + 19 references)
82 lines
1.6 KiB
Markdown
82 lines
1.6 KiB
Markdown
# Hero Sections
|
|
|
|
_Usato da: agency-creative-director, agency-ux-copy_
|
|
|
|
## Sommario
|
|
|
|
Pattern e formule per hero section efficaci. Deve rispondere in 5 secondi.
|
|
|
|
---
|
|
|
|
## Hero Checklist (5 secondi)
|
|
|
|
L'hero deve rispondere a:
|
|
1. Cosa fai
|
|
2. Per chi
|
|
3. Che risultato dai
|
|
4. Perché fidarsi
|
|
5. Qual è la prossima azione
|
|
|
|
---
|
|
|
|
## Hero Formula (Services / Agency)
|
|
|
|
**Headline:** Outcome + Audience
|
|
**Sub:** Come lo fai (meccanismo) + proof
|
|
**CTA primaria:** "Prenota call" / "Richiedi preventivo" / "Vedi lavori"
|
|
**CTA secondaria:** "Guarda casi studio" / "Scarica guida"
|
|
|
|
**Esempi (struttura, non testo finale):**
|
|
- "Brand e siti che convertono per [audience]"
|
|
- "Strategia, design e contenuti per crescere con coerenza"
|
|
|
|
---
|
|
|
|
## Hero Layouts
|
|
|
|
### A) Split (text + visual)
|
|
- Consigliato per studi: pulito, conversion-friendly
|
|
|
|
### B) Centered minimal
|
|
- Consigliato se il messaggio è fortissimo e semplice
|
|
|
|
### C) Proof-first
|
|
- Headline + 3 proof chip (numeri/risultati) + CTA
|
|
|
|
---
|
|
|
|
## Proof Chips (sotto CTA)
|
|
|
|
Esempi:
|
|
- "+120 progetti"
|
|
- "Da 7 anni"
|
|
- "Tempo medio: 4-6 settimane"
|
|
- "Specializzati in [niche]"
|
|
|
|
**Regola:** Meglio 1-3 chip concreti che 6 generici.
|
|
|
|
---
|
|
|
|
## Hero Visuals
|
|
|
|
**Scelte consigliate:**
|
|
- Fotografia editoriale (autentica)
|
|
- Mockup selettivo (1-2, non griglia infinita)
|
|
- Abstract/3D coerente (non stock casuale)
|
|
|
|
**Anti-pattern:**
|
|
- "Team smiling in office" stock
|
|
- Collage confusi
|
|
- Troppo testo dentro l'immagine
|
|
|
|
---
|
|
|
|
## Above-the-Fold Checklist
|
|
|
|
- [ ] Value prop chiara
|
|
- [ ] CTA visibile
|
|
- [ ] Proof presente
|
|
- [ ] Nessun rumore (nav troppo densa, troppi link)
|
|
|
|
---
|
|
|