// tipo di sito 04
Il sito 3D. Toccalo, è vero.
L’anello qui accanto non è un video: è un oggetto 3D disegnato in tempo reale dal tuo browser. Trascinalo, giralo, scorri la pagina. Così può muoversi il tuo prodotto, il tuo locale o il tuo marchio.
// cos’è
Un sito che non si guarda soltanto: si esplora.
Un sito 3D usa la tecnologia WebGL per mostrare oggetti e ambienti tridimensionali dentro la pagina, senza app e senza plugin. Gli oggetti reagiscono allo scorrimento, al dito e al mouse: ruotano, si aprono, cambiano colore, mostrano i dettagli.
Può essere un intero sito o una sola sezione d’effetto dentro un sito vetrina o un e-commerce. Lo usiamo quando serve farsi notare (campagne sui social, lanci, prodotti di valore) o spiegare meglio un prodotto che in foto non rende.
// quattro modi di usare il 3D
Provali qui, dal vivo.
Configuratore 3D
Il cliente personalizza il prodotto e lo vede cambiare all’istante, con il prezzo aggiornato. Perfetto per gioielli, arredi, accessori, auto e moto, prodotti su misura.
Crea il tuo anello
Metallo
Pietra
da 2.150 € prezzo indicativo dell’esempio
Animazione legata allo scorrimento
Mentre scorri, la scena si muove: un prodotto si apre, un edificio si costruisce, un sito si smonta nei suoi strati. È il racconto che avanza al ritmo di chi legge. Scorri qui sotto.
// esempio: un sito smontato strato per strato
Scorri, e la scena racconta.
Si parte dall’insieme
Il visitatore vede il risultato finito, come una foto. Poi inizia a scorrere.
La scena si apre
Gli elementi si separano e ruotano: si capisce di cosa è fatto il prodotto.
Un dettaglio alla volta
Ogni passaggio mette in luce un pezzo, con il testo che lo spiega accanto.
Il ritmo lo decide chi legge
Più si scorre, più si scopre. Si torna indietro e la scena si riavvolge.
E alla fine si ricompone
Il racconto finisce sul prodotto intero, pronto per il pulsante “contattaci”.
Foto con profondità
Una normale fotografia diventa una scena a più piani che segue il movimento del mouse o del telefono. Ideale per locali, ristoranti, hotel e studi: dà la sensazione di entrarci. Muovi il puntatore sopra la foto.
Particelle e forme
Lo hai già visto: lo sfondo di questo sito è fatto di migliaia di particelle che cambiano forma sezione dopo sezione (un codice, un browser, un ingranaggio, un’elica…). Un effetto leggero che rende vivo anche un sito semplice e lo lega al tuo marchio.
Legate al contenuto
Ogni sezione può avere la sua forma: il tuo logo, il tuo prodotto, un simbolo del tuo mestiere.
Leggere
Disegnate dalla scheda grafica, non pesano sulla pagina e si fermano quando non servono.
// a chi è adatto
Quando il prodotto merita di essere toccato.
- Gioiellerie e orologeriePezzi da girare, materiali e pietre da scegliere.
- Arredo e interiorMobili configurabili, ambienti da esplorare.
- Auto, moto e biciModelli, colori e accessori in 3D.
- Food & beverageBottiglie e confezioni da far ruotare.
- Immobiliare e costruzioniEdifici e progetti che si costruiscono scorrendo.
- Startup e lanciL’effetto “wow” per campagne e presentazioni.
- Locali e hotelFoto con profondità che fanno entrare nell’atmosfera.
- Chi investe in sponsorizzateIl movimento ferma il pollice di chi scorre.
Fluido anche su smartphone
Il 3D si carica dopo i contenuti e si adatta alla potenza del dispositivo.
Sempre accessibile
Chi ha un telefono vecchio o preferisce meno movimento vede comunque tutto, in versione statica.
Amico di Google
Testi e contenuti restano in HTML vero: il 3D non toglie nulla alla SEO.
// esempio dal vivo
Aurum Lab, una gioielleria in 3D.
Nel sito d’esempio l’anello occupa tutto lo schermo: scorrendo gira, si avvicina al metallo, poi alla pietra, e cambia da oro giallo con zaffiro a oro rosa con smeraldo. Più sotto c’è il configuratore.
Apri Aurum Lab
// domande sul 3D
Domande frequenti
Serve un modello 3D del mio prodotto?
Se ce l’hai (dal progettista o dal fornitore) lo usiamo; altrimenti lo realizziamo noi partendo da foto, misure o disegni tecnici.
Il sito diventa lento?
No: le scene sono scritte su misura e ottimizzate, si caricano dopo i contenuti e si fermano quando non sono visibili. La prima schermata si apre veloce come in un sito normale.
Funziona su tutti i telefoni?
Sì, su tutti i browser moderni. Sui dispositivi molto vecchi o con il risparmio dati attivo il sito mostra automaticamente una versione statica, senza perdere contenuti.
Posso avere il 3D solo in una sezione?
Certo: spesso basta una scena 3D nella prima schermata o in una sezione chiave di un sito vetrina o di un e-commerce.
// il prossimo passo
Vuoi che il tuo prodotto si possa toccare?
In consulenza gratuita ti mostriamo cosa si può fare in 3D con il tuo prodotto o il tuo locale, e quanto costa davvero.