b289d87033
- Creata nuova skill agency-shared-references con 24 references centralizzate - Spostate tutte le references da cartelle sparse (references/, agency-web-developer/, agency-archivist/) in un'unica posizione - Aggiornati tutti i symlink delle 14 skills per puntare a ../agency-shared-references/references - Aggiornati tutti i riferimenti nei SKILL.md (percorsi coerenti) - README.md aggiornato con nuova struttura e istruzioni generiche - INSTALL.sh semplificato con istruzioni platform-agnostic - Eliminata cartella references/ dal root (ora centralizzata) - Struttura più pulita e mantenibile, facile da installare su qualsiasi piattaforma
84 lines
1.6 KiB
Markdown
84 lines
1.6 KiB
Markdown
# 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_
|