La scelta tra full width e boxed container è una delle decisioni di layout più frequenti nella progettazione di un sito web, e quasi sempre viene presa per ragioni estetiche invece che funzionali. Full width sembra più moderno. Boxed sembra più vecchio. Quindi si sceglie full width.
Il problema è che il layout deve servire l’obiettivo del sito, non l’estetica del designer. E nella grande maggioranza dei casi, per siti aziendali che devono convertire visitatori in clienti, il boxed container è la scelta più efficace. Non perché sia più bello: perché è più leggibile, più usabile e più controllabile su tutti i dispositivi, inclusi i monitor grandi che quasi nessuno testa durante lo sviluppo.
Nelle presentazioni ai clienti, usiamo quasi sempre la stessa tecnica per spiegarlo. Funziona nel 95% dei casi. La descriviamo più avanti.
Cosa significa davvero full width e cosa significa boxed
Partiamo dalle definizioni, perché la confusione su questi termini è frequente anche tra i professionisti.
Un sito full width adatta il contenuto alla larghezza dello schermo. Su un monitor da 27 pollici, il contenuto si espande fino ai bordi. Il testo, le immagini, i blocchi di layout si distribuiscono su tutta la larghezza disponibile. Il risultato visivo è cinematografico, immersivo, moderno. Il risultato in termini di leggibilità su schermi grandi è spesso problematico: righe di testo che si allungano troppo, menu che si separano in modo innaturale, spazi vuoti che compaiono dove non erano stati previsti.
Un sito boxed container mantiene il contenuto all’interno di una larghezza massima definita, tipicamente tra i 1.100 e i 1.400 pixel, centrata nello schermo. Su un monitor grande, i lati della pagina rimangono vuoti o con uno sfondo. Il contenuto rimane leggibile, denso e controllato indipendentemente dalla dimensione dello schermo. Questo non significa che tutto sia boxed: anche in un layout boxed si possono avere sezioni con sfondi che si estendono fino ai bordi per effetti visivi. Il contenuto, però, rimane dentro il container.
Il problema del menu su schermo grande
C’è un esempio pratico che usiamo spesso con i clienti che ci chiedono il full width perché “sembra più moderno”.
Immagina il menu di navigazione: logo a sinistra, voci di menu a destra. Su uno schermo da 24 o 27 pollici con un sito full width, il logo è nell’angolo in alto a sinistra e le voci di menu sono nell’angolo in alto a destra, separati da cinquanta o sessanta centimetri di spazio vuoto. Le persone leggono da sinistra a destra: vedono il logo, fanno scorrere gli occhi verso destra, e se la navigazione è troppo lontana la ignorano. Si perdono nel contenuto della pagina senza trovare facilmente la strada per muoversi nel sito.
Non è un problema estetico. È un problema di usabilità che impatta direttamente il numero di pagine visitate per sessione e il tasso di conversione. Su siti che dipendono dalla navigazione per guidare l’utente verso un’azione specifica, quella distanza non è accettabile.
Quando il full width ha senso e quando no
Non stiamo dicendo che il full width è sbagliato. Stiamo dicendo che va usato nelle situazioni giuste.
Il full width funziona bene per siti creativi e di design, portfolio di fotografi, agenzie creative, artisti, studi di architettura: sono contesti dove l’impatto visivo è il messaggio principale e la navigazione complessa non è necessaria. Funziona per i grandi brand come Nike o Coca-Cola, che non hanno bisogno di convertire: devono impressionare. Funziona per landing page con una sola azione possibile, dove il layout espansivo crea enfasi sull’unico elemento che conta.
Il boxed container funziona meglio per tutto il resto. Siti aziendali che devono comunicare servizi in modo chiaro. SaaS e prodotti digitali dove l’utente deve capire cosa fa il prodotto in pochi secondi. Ecommerce dove la navigazione tra categorie e prodotti deve essere fluida. Siti di professionisti e studi dove la credibilità e la leggibilità contano più dell’impatto visivo. Apple, che potrebbe permettersi qualsiasi scelta di layout, usa il boxed container perché ha scelto l’usabilità sull’estetica pura.
Nella nostra esperienza lavorando con agenzie su centinaia di siti, il 70-80% dei progetti richiede un approccio boxed o ibrido, dove le sezioni di contenuto sono boxed e alcune sezioni di sfondo sono full width per varietà visiva. Il full width puro è la minoranza.
La tecnica che convince il cliente nel 95% dei casi
Molti clienti arrivano al briefing con un’idea chiara: vogliono il full width perché hanno visto un sito che gli è piaciuto, quasi sempre un sito di un’agenzia creativa o di un grande brand. Spiegare a parole perché il boxed è meglio per il loro caso non funziona quasi mai: il cliente difende la sua preferenza estetica.
Quello che funziona è la dimostrazione diretta.
Apriamo il loro sito attuale su un monitor grande, spesso quello da 27 pollici in ufficio. Quasi sempre un sito full width costruito senza considerare i monitor grandi mostra immediatamente i problemi: contenuto che si sposta in posizioni strane, testo che diventa illeggibile perché le righe sono troppo lunghe, menu con spazi enormi, sezioni che si rompono visivamente.
Poi apriamo un sito boxed ben progettato sullo stesso schermo. Il confronto è immediato e non richiede spiegazioni tecniche.
Nel 95% dei casi il cliente cambia idea da solo. Non perché abbiamo vinto un’argomentazione: perché ha visto con i propri occhi cosa succede al suo sito su uno schermo grande. E spesso, in quel momento, realizza anche che lui stesso usa un monitor grande in ufficio ma non aveva mai pensato a come il suo sito apparisse su quello schermo.
Questo non vale solo per la scelta del layout: vale come principio generale. Mostrare è sempre più efficace che spiegare. Quando il cliente vede il problema, lo risolvi insieme. Quando lo spieghi senza mostrarlo, difende la sua idea originale.
I monitor grandi che nessuno testa
C’è un problema sistematico nello sviluppo web che questa scelta di layout porta in superficie: quasi nessuno testa i siti su monitor grandi durante lo sviluppo.
I developer lavorano su laptop da 13 o 15 pollici. I designer usano monitor da 24 pollici al massimo. I breakpoint responsive che si impostano coprono mobile, tablet e desktop standard. Ma i monitor da 27, 32 o 34 pollici, che sono sempre più diffusi sia negli uffici che a casa, spesso non vengono considerati.
Un sito full width su un monitor ultrawide da 34 pollici può diventare illeggibile. Le righe di testo superano i 150 caratteri, che è il doppio di quello che un occhio umano riesce a seguire comodamente senza perdere il filo. Gli spazi tra gli elementi si moltiplicano in modo non previsto. Il layout si rompe in modi che nessuno ha testato.
La regola tecnica che applichiamo su ogni progetto: definire una larghezza massima (max-width) anche sui siti full width per evitare che il contenuto si espanda oltre i 1.400-1.600 pixel. Non è un compromesso estetico: è la condizione che rende il sito usabile su tutti gli schermi, inclusi quelli che nessuno ha in mente durante lo sviluppo.
Per approfondire come la struttura del layout impatta le performance e i Core Web Vitals, leggi l’articolo dedicato. Per capire come strutturare una homepage che converte indipendentemente dal layout scelto, leggi l’articolo dedicato. Per approfondire cosa significa un sito web professionale nel 2026 dal punto di vista tecnico e di usabilità, leggi l’articolo dedicato.
Su blurr.it/contatti/ puoi prenotare una chiamata per discutere le scelte di layout dei tuoi prossimi progetti con il team tecnico.
FAQ
Un sito full width adatta il contenuto alla larghezza dello schermo disponibile, senza una larghezza massima definita per il container principale. Su monitor grandi, il contenuto si espande fino ai bordi dello schermo. È un approccio adatto a siti creativi, portfolio e brand che privilegiano l’impatto visivo rispetto alla leggibilità del testo.
Un sito boxed container mantiene il contenuto all’interno di una larghezza massima definita, tipicamente tra i 1.100 e i 1.400 pixel, centrata nello schermo. Su monitor grandi, i lati della pagina rimangono con uno sfondo. Il contenuto rimane leggibile e controllato indipendentemente dalla dimensione dello schermo. È l’approccio più adatto a siti aziendali, ecommerce e qualsiasi sito che deve convertire i visitatori.
Nella grande maggioranza dei casi, il boxed container o un approccio ibrido con sezioni di contenuto boxed e sezioni di sfondo full width. Il full width puro è adatto a siti creativi e brand che non dipendono dalla conversione diretta. Per siti aziendali dove l’obiettivo è portare il visitatore a contattare l’azienda o acquistare un prodotto, la leggibilità e la navigazione controllata del boxed container producono risultati migliori.
Mostrando il problema invece di spiegarlo. Aprire il sito attuale del cliente su un monitor grande, dove i problemi del full width non gestito correttamente sono immediatamente visibili, e confrontarlo con un sito boxed ben progettato sullo stesso schermo. Il cliente vede la differenza con i propri occhi e nella maggior parte dei casi cambia idea autonomamente, senza che l’agenzia debba difendere una posizione tecnica.