# Hero Sections

_Framework: agency_v3_1 | Estratto: 2026-03-09_
_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)

---

_Reference generato da framework-translator_