Blocks
6 blocchi per una pagina agenzia
Una pagina agenzia deve far prenotare una call prima che il visitatore apra il portfolio: sei categorie di blocco, l'ordine giusto, i guasti che arrivano dal CMS e i conteggi reali del catalogo.
In sintesi
- Sei categorie coprono la pagina agenzia, ma il caso studio va prima del team.
- Il blocco hero si sceglie dal numero di parole che regge, non dallo screenshot.
- Il footer porta sede e partita IVA: non è decorazione.
Una pagina agenzia deve far prenotare una call prima che il visitatore apra il portfolio. Il catalogo indicizza 1.556 blocchi e i conteggi qui sotto sono stati letti da /api/stats il 2026-11-01: sei categorie coprono il percorso minimo.
I numeri per categoria sono 51 hero, 53 feature, 24 team, 50 testimonial, 33 contact e 45 footer, misurati sulle pagine categoria del catalogo. Nessuna cifra è stimata e nessuna è arrotondata: quello che leggi è quello che la pagina elenca.
Cosa deve fare la pagina
Un'agenzia vende lavoro che il cliente non ha ancora visto, quindi la pagina deve sostituire la fiducia che manca. Deve dire in una schermata che tipo di progetti tratta, mostrare due casi con un risultato verificabile e lasciare un modo per scrivere senza sette campi da compilare. Non deve raccontare la storia dal 2009: deve rispondere a una domanda sola, «sapete fare il mio progetto?».
- In una schermata: settore, tipo di lavoro e città, non uno slogan.
- Due casi con cliente, problema e risultato in cifre.
- Nomi e ruoli del team, perché il cliente compra le persone.
- Un contatto breve: email, telefono o form a tre campi.
L'ordine dei blocchi
| Sezione | Ruolo nella pagina | Blocchi disponibili |
|---|---|---|
| hero | dire settore e tipo di progetto | 51 |
| feature | raccontare due casi con numeri | 53 |
| team | mostrare chi lavora sul progetto | 24 |
| testimonial | confermare con la voce di un cliente | 50 |
| contact | ridurre l'attrito dell'email | 33 |
| footer | dare sede, P.IVA e link legali | 45 |
L'ordine conta più della scelta del blocco. Hero, feature, team, testimonial, contact, footer: se il visitatore trova il form dopo tre caroselli, ha già chiuso la pagina. Il caso concreto va sopra il team, perché conviene prima del volto; il testimonial va subito dopo il team, così la frase di un cliente conferma quello che il visitatore ha appena letto.
I blocchi da cui partire
Quattro tabelle, una per categoria, con blocco, registry e numero di file. Il conteggio dei file dice quanto è grande il blocco da installare: un hero da 8 file porta immagini, utility e varianti, uno da 6 si piega più facilmente. Scegli il blocco che ha già la variante mobile, non quello con lo screenshot migliore.
Blocchi hero
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Hero 01 - Agency Hero Section | Shadcn Space | 8 | hero |
| Hero 02 - Real Estate Hero Section | Shadcn Space | 6 | hero |
Blocchi feature
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Feature 01 - Feature with Testimonials | Shadcn Space | 3 | feature |
| Feature 02 - Three Columns Feature with Icons | Shadcn Space | 3 | feature |
Blocchi team
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Team 01 - Creative Team Showcase | Shadcn Space | 2 | team |
| Team 02 - Modern Team Grid | Shadcn Space | 2 | team |
Blocchi testimonial
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Testimonial 02 - Testimonial Slider Showcase | Shadcn Space | 5 | testimonial |
| Feature 01 - Feature with Testimonials | Shadcn Space | 3 | feature |
Cosa si rompe in produzione
Il guasto tipico non è il layout: è il contenuto che arriva dal CMS. Il blocco hero regge tre parole di titolo e ne riceve dodici. Il carosello testimonial carica sei foto da 400 KB e sposta il testo al primo paint. Il form di contatto apre una mailto e su iOS non fa nulla di visibile.
- Titolo hero oltre 90 caratteri: va a capo sopra il bottone e copre l'immagine.
- Slider testimonial senza width e height: layout shift misurabile.
- Form senza endpoint: il bottone resta in loading per sempre.
- Footer con mappa incorporata: blocca lo scroll su mobile.
curl "https://ui.eneawork.it/api/blocks/category/team?limit=5"La chiamata restituisce i blocchi team con nome, fonte, file e categoria: serve a verificare quante varianti reali esistono prima di impegnarsi su una griglia. Se la risposta è corta, quella categoria non copre il tuo caso e conviene cambiare registry.
Un limite da dichiarare
Il catalogo ha 24 blocchi team, ma quasi tutti presumono ritratti quadrati dello stesso formato. Un'agenzia con foto verticali diverse deve rifare la griglia o tagliare le immagini: il blocco non risolve la selezione delle foto, e questo resta lavoro di direzione artistica.
Nel catalogo: team showcase, hero agenzia e tutti i blocchi. Le guide: hero misurati, economia dei blocchi e checklist accessibilità.
Domande frequenti
Quante sezioni servono per una pagina agenzia?
Sei categorie bastano se ognuna porta contenuto reale: hero, feature con due casi, team, testimonial, contact e footer. Una settima sezione ha senso solo se hai un premio o un cliente che nessuna delle sei riesce a mostrare.
Meglio il caso studio prima o dopo il team?
Prima il caso: il visitatore cerca prove di lavori simili al suo, non volti. Il team rassicura su chi eseguirà il progetto, quindi va subito dopo il caso e prima della frase del cliente, che chiude la sequenza.
Come scelgo tra i 51 hero del catalogo?
Guarda quante varianti mobile porta il blocco e quante parole regge il titolo. Un hero da 8 file include di solito immagine, badge e due varianti; uno da 3 file si adatta a un titolo lungo senza toccare la griglia.
Il footer serve in una pagina agenzia?
Sì, per due motivi pratici: in Italia sede legale e partita IVA sono obbligatorie, e chi scorre fino in fondo cerca spesso proprio indirizzo o telefono. Un footer da 45 blocchi va bene, purché senza mappa incorporata.
Cosa misuro dopo la pubblicazione?
Il tempo fino al primo click su contatto e quanti form si fermano dopo il primo campo. Se il tempo supera i 40 secondi, il problema è quasi sempre l'ordine delle sezioni, non il testo del bottone.