- Siti 3D
- Siti web
Quando serve davvero un sito 3D a un’azienda, e quando no
Un sito 3D può spiegare un prodotto meglio di cento foto, oppure rallentare tutto. Ti dico quando conviene, quando no e che cosa deve garantire.
Di Francesco ScarparoSviluppatore full-stack
- Pubblicato il
- min di lettura
- 7 min di lettura
In questo articolo
Un sito 3D serve a un’azienda quando fa capire qualcosa che una foto non riesce a spiegare. Può essere com’è fatto un prodotto, come si apre, come sta in una stanza o che sensazione vuole lasciare un marchio. Se serve solo a stupire, di solito rallenta il sito e crea distanza proprio con le persone che volevi convincere. La domanda da farsi è che cosa capisce il tuo cliente grazie al 3D che non capirebbe altrimenti.
Che cosa intendo per sito 3D o cinematografico
Parlo di siti in cui una parte della pagina è una scena tridimensionale vera, calcolata dal browser mentre la guardi. Può essere un oggetto che ruoti con il dito o con il mouse, un prodotto che si scompone mentre scorri o una camera che si muove dentro uno spazio. Cinematografico vuol dire che lo scorrimento della pagina fa da regia, come in un film che controlli tu. A differenza di un video, che guardi e basta, una scena 3D reagisce a quello che fai e può cambiare in base alle tue scelte, come il colore di un prodotto.
Un esempio che conosco bene è il mio sito. La home si apre con un portatile in 3D, e mentre scorri il coperchio si apre, lo schermo si accende e la camera ci entra dentro. Un altro è il Coca-Cola Concept, un prototipo di sito cinematografico che ho realizzato con una lattina che cambia gusto mentre scorri. È un progetto concept non ufficiale, non affiliato a The Coca-Cola Company, ma mostra bene che cosa vuol dire raccontare un prodotto con il movimento.
Perché oggi è più fattibile di qualche anno fa
Il 3D nel browser esiste da anni, ma per molto tempo è stato una scommessa, perché andava bene sui computer potenti e male su molti telefoni. Da allora sono cambiate tre cose.
Il primo cambiamento riguarda i browser. A novembre 2025 Google ha annunciato che tutti i principali browser, cioè Chrome, Edge, Firefox e Safari, supportano WebGPU, la tecnologia più recente con cui le pagine web usano la scheda grafica. Su iPhone, iPad e Mac è arrivata con Safari 26, a settembre 2025. In alcuni casi il supporto è ancora parziale, per esempio su una parte dei telefoni Android, quindi un sito fatto bene la usa quando c’è e funziona lo stesso quando manca.
Anche i telefoni sono cresciuti. Quelli di fascia media degli ultimi anni reggono scene che prima richiedevano un computer, e oggi il limite è più la batteria e la connessione che la potenza. Infine ci sono strumenti maturi e collaudati per creare modelli 3D, alleggerirli e legare le animazioni allo scorrimento.
In pratica, oggi un sito 3D ben fatto può funzionare per quasi tutti i visitatori, non solo per chi ha l’ultimo computer. Resta però più pesante e delicato di un sito classico, e va progettato tenendone conto.
Quando un sito 3D aiuta davvero
Il 3D funziona quando c’è qualcosa da esplorare o da far provare, e lo vedo soprattutto in questi casi.
- Un prodotto fisico che le persone vogliono guardare da vicino, come un arredo, un accessorio, un oggetto di design o un prodotto industriale di cui vale la pena mostrare l’interno, si presta bene al 3D. Se il cliente può girarlo, cambiarne la finitura o vederlo in proporzione, capisce di più e fa meno domande.
- Gli immobili e l’architettura ne traggono vantaggio, perché uno spazio ancora da costruire, o che chi compra non può visitare, si spiega meglio con una scena in cui muoversi che con una planimetria.
- Un lancio o una campagna sono il terreno ideale per un sito che deve vivere pochi mesi, farsi ricordare e girare sui social, perché lì l’effetto conta quanto il contenuto.
- I marchi che vendono un’esperienza possono dare il tono con il movimento prima che con le parole, quando il prodotto è anche un’emozione, come una bevanda, un viaggio o un evento.
- Un portfolio che deve distinguersi è un altro caso. Per studi creativi, agenzie e professionisti che vendono la propria cura per i dettagli, il sito stesso diventa la prova.
Quando è meglio lasciar perdere
Ci sono casi in cui il 3D è denaro speso male, e te lo dico prima di iniziare. Se chi arriva sul sito vuole leggere, cercare, confrontare servizi o scaricare documenti, una scena 3D si mette in mezzo e a quei visitatori serve un sito veloce e chiaro. Con un budget stretto un 3D fatto a metà è peggio di un buon sito classico, e conviene investire su testi, velocità e un percorso chiaro verso il contatto.
Se una parte importante dei tuoi clienti naviga con telefoni datati o connessioni lente, il 3D va ridotto al minimo o evitato. Non sono motivi validi nemmeno “lo vuole il titolare” o “ce l’ha il concorrente”. Se non sai dire che cosa capisce il cliente grazie al 3D, non ti serve.
Nell’e-commerce il 3D è raramente il punto di partenza. Quando ho rifatto da zero LaCurvaDesign, un e-commerce di complementi d’arredo in legno curvato in cinque lingue, il lavoro è andato su vetrina, flusso d’acquisto e gestione di ordini, prodotti e pagamenti. È lì che un negozio vince o perde. Un oggetto 3D, se serve, si aggiunge dopo, sui prodotti in cui guardarli da ogni lato cambia davvero la decisione.
Cosa deve fare comunque un sito 3D fatto bene
Qualunque sia lo stile, ci sono requisiti su cui non tratto, perché separano un sito che impressiona da uno che funziona.
- La prima schermata deve essere veloce, con titolo, messaggio e bottone che compaiono subito e la scena 3D che arriva dopo senza bloccare niente. Google stesso raccomanda pagine veloci e stabili per andare bene nella ricerca.
- Testi e contatti devono essere leggibili da subito, perché nessuno deve aspettare la fine di un’animazione per capire che cosa fai o per scriverti.
- Sui telefoni servono gli stessi contenuti con effetti più semplici. Sul mio sito, per esempio, il portatile in 3D lascia il posto a una versione più leggera sui telefoni e per chi preferisce ridurre il movimento.
- Chi disattiva le animazioni deve trovare comunque un sito completo. Molte persone impostano telefono o computer per ridurre il movimento, perché le animazioni possono dare capogiri e nausea, per esempio a chi soffre di disturbi dell’equilibrio. Il sito deve accorgersene e mostrare la versione ferma.
- Tutto il contenuto vero deve esserci anche come testo. Per Google e per gli assistenti AI quello che è disegnato dentro una scena 3D in pratica non esiste, quindi nomi dei prodotti, descrizioni, prezzi e servizi devono stare nella pagina come testo.
- L’accessibilità completa il quadro. Il sito si deve poter usare con la tastiera, i contrasti devono essere leggibili e le animazioni lunghe vanno messe in pausa. Per molte aziende l’accessibilità è anche un obbligo, oltre che buon senso.
Il 3D si aggiunge a un sito che funziona già e non lo sostituisce.
Da che cosa dipendono impegno e costo
Non ti do cifre, perché due siti 3D possono avere costi molto diversi, ma ti dico da che cosa dipendono. Il primo fattore sono i modelli 3D. Se hai già i file di progettazione del prodotto si parte da lì, anche se vanno quasi sempre alleggeriti molto per il web. Se non ci sono, si creano da foto e misure, e la qualità del materiale di partenza conta.
Poi c’è la direzione artistica, cioè luci, materiali, inquadrature e quello che succede in ogni punto dello scorrimento. Ogni scena è un piccolo film da scrivere e rifinire, e il numero di scene pesa più di ogni altra cosa.
Il lavoro sulle prestazioni richiede spesso quasi quanto la scena stessa, perché comprende le prove su telefoni veri, la versione leggera e quella senza animazioni. È la parte che chi vende “effetti” tende a saltare. Il resto del sito, cioè testi, pagine, SEO e modulo di contatto, il 3D non lo sostituisce.
Il consiglio pratico è partire da una scena sola, quella che conta di più, per esempio l’apertura della home o la pagina del prodotto di punta. Se funziona, si estende. Quando parli con un fornitore, chiedigli di mostrarti il sito su un telefono di qualche anno fa e di farti vedere che cosa succede se disattivi le animazioni. Chiedigli anche se tutto il testo c’è senza la scena.
Come posso aiutarti
Progetto e sviluppo siti 3D e cinematografici con Next.js, Three.js e GSAP, e mi occupo anche di tutto quello che ci sta intorno, cioè testi in pagina, velocità, versione per telefono e accessibilità. Prima di proporti una scena, però, ti dico con franchezza se nel tuo caso il 3D serve. Se vuoi capirlo insieme, raccontami il progetto.
Domande frequenti
Può esserlo, se è fatto male. Fatto bene, la prima schermata si apre come quella di un sito normale e la scena 3D si carica subito dopo, senza bloccare testi e bottoni. Sui telefoni si usa una versione più leggera.
Sì, purché tutto il contenuto sia anche testo nella pagina. Quello che è disegnato dentro la scena non viene letto come testo, quindi nomi, descrizioni e servizi devono esserci comunque. Conta anche la velocità della prima schermata.
Aiutano, ma non sono indispensabili. Se hai i file di progettazione si parte da quelli e si alleggeriscono per il web, mentre se non ci sono i modelli si creano da foto e misure.
Spesso sì, per esempio con una scena nella home o nella pagina del prodotto principale. Dipende da come è costruito il sito, perché a volte si integra bene e a volte conviene rifare almeno quella parte. Lo si capisce guardando il sito.
Dipende soprattutto da quanti modelli servono, da quante scene ci sono e da quanto lavoro richiedono le prestazioni sui telefoni. Per questo conviene partire da una scena sola, quella che conta di più, e allargare se funziona.
Fonti
I fatti citati vengono da queste fonti, verificate alla data di pubblicazione.
- WebGPU is now supported in major browsers (web.dev, 25 novembre 2025)(si apre in una nuova scheda)
- WebKit Features in Safari 26.0 (WebKit, 15 settembre 2025)(si apre in una nuova scheda)
- Understanding Core Web Vitals and Google search results (Google Search Central)(si apre in una nuova scheda)
- Understanding Success Criterion 2.3.3 Animation from Interactions (W3C, WCAG 2.2)(si apre in una nuova scheda)
Hai un problema simile da risolvere?
Raccontami a che punto sei. Ti dico con franchezza cosa farei io, anche se la risposta è non fare niente.
ParliamoneContinua a leggere
Tutti gli articoli- Siti web
- SEO e GEO
Perché il tuo sito ha visite ma non porta nessun contatto
Il sito riceve visite ma nessuno ti scrive. Ti spiego i motivi più comuni, visti da chi lo visita, e che cosa conviene cambiare per primo.
6 min di lettura
- Siti web
Rifare il sito o sistemarlo? I segnali per capire che cosa serve
Se il sito è lento, scomodo da telefono o fermo su plugin vecchi, forse va rifatto. Ecco i segnali da guardare e i casi in cui bastano interventi mirati.
6 min di lettura
- AI per aziende
- Siti web
Cosa cambia per il tuo e-commerce quando a comprare è un agente AI
Gli assistenti AI confrontano prodotti e consigliano negozi, e negli USA alcuni comprano già. Ecco cosa vale in Italia e cosa preparare senza spendere troppo.
7 min di lettura