Un visitatore che atterra su un sito web formula un giudizio in meno di tre secondi. È il risultato di decenni di ricerca sulla cognizione visiva: in quel frammento di tempo il cervello elabora la composizione della pagina, il peso visivo degli elementi, la gerarchia delle informazioni. Decide, in modo largamente pre-consciente, se la pagina merita attenzione o se è il caso di tornare indietro.

In quei tre secondi il visitatore risponde a tre domande: dove si trova, che cosa fa chi c’è dall’altra parte, che cosa può fare lui su quella pagina.

Per rispondere servono pochi strumenti, tutti visivi: un solo punto di peso che attira l’occhio per primo, una gerarchia che ordina il resto, lo spazio che separa ciò che conta da ciò che può aspettare. Secondo noi la conversione si vince o si perde lì, prima di qualunque testo.

Per chi progetta siti web, questo significa una cosa precisa: le scelte di design sono strutturali, non decorative. Ogni decisione sull’interfaccia, dal peso di un titolo alla quantità di spazio bianco, dal ritmo tra testo e immagine alla posizione di un elemento interattivo, influenza il percorso del visitatore e la probabilità che compia l’azione che il sito è stato costruito per ottenere.

Lo osserviamo ogni volta che lavoriamo a un progetto digitale, e diventa evidente quando si confrontano tre esperienze che, partendo da contesti opposti, affrontano la stessa sfida: guidare un visitatore dall’attenzione iniziale alla decisione.

Quando il packaging digitale deve comunicare la stessa cura del prodotto fisico

Luigi Tega è il marchio di olio extravergine premium di Molino Il Fattore, con quattro generazioni di tradizione alle spalle. Il sito è un e-commerce, ma definirlo così è riduttivo. Il problema progettuale non era costruire un negozio online, era costruire un’esperienza digitale che giustificasse un prezzo superiore alla media, là dove i marketplace generalisti riducono il prodotto a commodity.

La prima impressione, quei tre secondi, doveva trasmettere qualità artigianale, non promozione commerciale. La scelta è stata progettare ogni sezione come un capitolo narrativo: il frantoio, i riconoscimenti, il catalogo, la mappa dei rivenditori. Ciascuno con un ritmo visivo proprio, ma all’interno di un sistema coerente: palette cromatica sobria, tipografia elegante, spazio bianco generoso che lascia respirare le immagini di prodotto.

Il primo sguardo deve cadere sul prodotto: il carrello e le promozioni vengono dopo. Come velocità e gestione del catalogo sostengono quella scelta lo spiega l’articolo su l’e-commerce di un’eccellenza alimentare; il progetto completo sta nella case history di Luigi Tega.

Il design come strumento narrativo: quando l’emozione è il percorso di conversione

Wedding to Sardinia è una piattaforma editoriale e directory per matrimoni in Sardegna, rivolta a coppie internazionali, in prevalenza dal Regno Unito e dal Nord Europa. Il sito ha ricevuto una Honorable Mention di Awwwards nel settembre 2022.

Il contesto è diverso dall’e-commerce. Qui il visitatore cerca un luogo dove celebrare un evento irripetibile, non confronta specifiche di prodotto. La conversione prende la forma di una richiesta di informazioni che nasce dall’emozione più che dal confronto fra alternative. In apertura compare il luogo, a piena larghezza; l’elenco dei servizi arriva dopo.

La sfida progettuale era far convivere due esigenze in tensione: una directory strutturata (comuni, location, operatori, servizi) e un’esperienza immersiva da magazine internazionale. La risposta è stata costruire l’architettura su due livelli che operano simultaneamente. Un livello strutturale organizza le informazioni in tassonomie navigabili.

Un livello narrativo trasforma ogni sezione in un’esperienza visiva: parallasse strutturale, non decorativa, dove ogni scorrimento rivela nuovi piani di profondità, con immagini a piena larghezza che si muovono a velocità diverse, testi che emergono con tempismo cinematografico, video ambientali che si attivano contestualmente.

Il risultato misurabile è un tempo medio di sessione superiore ai quattro minuti. Per una piattaforma editoriale è un dato alto, che conferma la tenuta del flusso narrativo nel trattenere l’attenzione fino al contatto.

Mobile-first quando 50.000 persone cercano la stessa informazione

Il Carnevale di Venezia è l’evento culturale italiano più iconico. Dal 2016 Newwave ne progetta e gestisce il sito ufficiale, e ogni edizione arriva con una veste grafica e un programma nuovi. L’edizione 2026 ha avuto diciotto giorni di programma e oltre mille spettacoli di strada fra centro storico, isole e terraferma; nei giorni dell’evento, secondo i dati del Comune di Venezia ricavati dal traffico telefonico, erano presenti 173 nazionalità.

Il contesto d’uso è radicalmente diverso dai due progetti precedenti. Il visitatore tipo è fisicamente a Venezia, cammina con lo smartphone in mano, ha una connessione instabile perché le reti sono sotto stress, e ha bisogno di risposte immediate: sapere cosa succede, dove, e come arrivarci. La domanda tipica è pratica: ci sono ancora biglietti per lo spettacolo all’Arsenale?

In questo contesto, ogni scelta di interfaccia ha un peso amplificato. Non c’è tempo per esplorare menu complessi. Non c’è pazienza per animazioni elaborate. Non c’è banda per immagini pesanti.

La prima cosa che il visitatore deve trovare è il programma del giorno. Il design deve essere radicalmente funzionale: calendario interattivo filtrabile per giorno, categoria e zona della città; mappa integrata con geolocalizzazione che tiene conto della geografia unica di Venezia, dove la navigazione standard spesso fallisce; schede evento consultabili con una mano sola.

La complessità aggiuntiva è che il sito si rinnova ogni anno con il tema dell’edizione, di recente l’immaginario olimpico greco legato all’Olimpiade Culturale Milano-Cortina, mantenendo però la riconoscibilità istituzionale e l’usabilità consolidata. Chi è tornato al Carnevale dopo un anno deve ritrovare la stessa struttura informativa, anche se la veste grafica è completamente diversa.

Il risultato è una piattaforma che accompagna fisicamente il visitatore durante l’evento, oltre a informarlo. I picchi di 50.000 accessi giornalieri vengono gestiti senza degradazione delle prestazioni, con aggiornamenti in tempo reale pubblicati dal team di Vela S.p.A. in autonomia attraverso un backend modulare.

Tre contesti, un unico principio

Un e-commerce premium, un magazine immersivo, una piattaforma per chi vive l’evento per strada. Tre progetti che non condividono quasi nulla, né il pubblico, né l’obiettivo commerciale, né il contesto d’uso. Eppure il principio progettuale è identico.

Il design che funziona non decora: decide. Decide cosa vede il visitatore per primo, quale percorso segue, quanto velocemente arriva all’informazione che cerca. Ogni elemento visivo, lo spazio, il peso, il ritmo, la velocità, è una scelta che facilita o ostacola quel percorso.

La velocità è il primo segnale di qualità. Un sito lento comunica trascuratezza prima ancora di mostrare il proprio contenuto. Tempi di caricamento sotto i due secondi, immagini alleggerite e caricamento progressivo sono il primo atto di design, prima ancora che requisiti tecnici.

Da dove parte una revisione dell’interfaccia

Il primo passo non è un restyling. Conviene prendere le tre schermate da cui passa la maggior parte del traffico e cronometrare quanto impiega la pagina a mostrare il messaggio principale su una connessione mobile mediocre: se il tempo supera i due secondi, ogni ragionamento sulla gerarchia visiva viene dopo. Quel tempo si misura, non si stima.

Il secondo controllo riguarda il percorso. Su ciascuna di quelle schermate deve esistere una sola azione dominante, riconoscibile senza leggere il testo. Nella pratica l’errore più frequente è moltiplicare i richiami: tre pulsanti con lo stesso peso visivo equivalgono a nessun pulsante, perché il visitatore rimanda la scelta e la rimanda quasi sempre a mai.

Il terzo controllo richiede cinque minuti. Si mostra la homepage per tre secondi a una persona che non conosce l’azienda, poi le si chiede che cosa fa l’azienda e che cosa farebbe lei dopo. Se la risposta è sbagliata, il problema sta in quei tre secondi, prima che nel traffico.

Lo stesso metodo vale quando l’interfaccia governa un oggetto fisico invece di una vetrina: nell’app per la gestione della casa connessa la gerarchia si costruisce sulle azioni che l’utente ripete ogni giorno, e tutto il resto scende di un livello.

Quello che un visitatore decide nei primi tre secondi non dipende dal caso. Dipende dalle scelte di chi ha progettato quei tre secondi. Se vuoi approfondire come la progettazione UX si applica anche a interfacce complesse, il principio resta lo stesso: ogni decisione visiva è una decisione commerciale.

Nel nostro servizio di UX design SaaS B2B questa logica è il punto di partenza, e guida anche il lavoro di web agency a Venezia: progettare interfacce che le persone usano.
chiedi al consulente AI quali scelte di interfaccia frenano il tuo sito: bastano poche domande per capire da dove partire.