agency-skills-suite/agency-shared-references/references/hero_sections.md
AgentePotente b289d87033 Conversione references in skill condivisa agency-shared-references
- 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
2026-03-11 00:11:03 +01:00

1.6 KiB

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