Portfolio · Configuratore 3D / WebGL

Vizianello — GV30 Thunder

Per i Cantieri Vizianello di Venezia abbiamo realizzato il configuratore 3D della GV30 Thunder, la water limousine firmata Nuvolari Lenard. Un'applicazione web bilingue in cui la barca si compone in tempo reale: scafo, coperta, essenze, pelli, cruscotto, fino al dettaglio delle cuciture.

4,1 milionivertici del modello 3D
167file di texture in 15 gruppi
25categorie di personalizzazione
76colori e materiali
2 lingueitaliano e inglese
Il progetto

Le finiture di una barca si scelgono guardandole. Ora si scelgono sullo schermo.

La GV30 Thunder è un'imbarcazione di 9,2 metri con scafo in vetroresina e due idrogetti, disegnata da Nuvolari Lenard e costruita a Venezia da oltre trent'anni di mestiere.

La GV30 Thunder configurata, con ponte in teak e scafo in vetroresina

Il valore nei dettagli

Il suo valore sta nei dettagli: l'essenza del ponte, la pelle dei sedili, la finitura del cruscotto, la trama del pavimento.

Prima che la barca esista

Il configuratore nasce per far scegliere queste finiture prima che la barca esista, con la stessa cura con cui si sceglierebbero in cantiere.

Il lavoro

Dal modello 3D alla barca che si configura.

Quattro fasi, quattro mestieri diversi che qui lavorano sulla stessa imbarcazione.

01

Lavorazione del modello 3D

Geometria riorganizzata e suddivisa per parti configurabili — scafo, coperta, cuscineria, cruscotto, prese d'aria, prua, poppa, loghi — con mappe UV curate e compressione geometrica meshopt: un modello da oltre quattro milioni di vertici che arriva intero dentro un browser.

02

Creazione e preparazione delle texture

167 file di texture organizzati per gruppo di materiale: essenze di legno (teak, mogano, noce), pelli e pellami, moquette e tessuti tecnici, carbonio forgiato, cromature, vetri. Ogni materiale è costruito in mappe PBR e illuminato d'ambiente, perché il legno resti legno anche sotto una luce diversa.

03

L'applicativo, in due lingue

Un'applicazione React e three.js in WebGL, con interfaccia nativa italiano e inglese — non una traduzione aggiunta dopo. Quattro sezioni (Esterni, Parti, Performance, Interni), 25 categorie di personalizzazione e 76 fra colori e materiali, con i loro nomi veri.

04

Prestazioni

Caricamento progressivo, compilazione dei programmi grafici in modo asincrono per non bloccare il browser, qualità adattata alla scheda grafica del dispositivo — comprese le GPU integrate dei portatili — e ripresa automatica se il contesto grafico cade. Ingegneria che l'utente non vede: nota solo che funziona.

Le funzionalità

Ogni scelta, nello stesso istante, sul modello.

Personalizzazione immediata

Cambiare finitura (lucida o opaca), essenza dello scafo, pelle dei sedili o pavimento aggiorna il modello all'istante: si valuta la combinazione, non la singola opzione.

Tre viste dedicate

Ingresso, sedili posteriori e posto di guida: i punti di vista di chi sale a bordo davvero, pensati per giudicare gli interni da dentro.

Fondali dello studio

Blu, grigio o nero: il colore si valuta su atmosfere diverse, come su un pontile al tramonto o in un'esposizione.

Scarica la configurazione

Il cliente compone la sua barca, la salva e la porta con sé: da strumento di consultazione a strumento di vendita.

Il valore

Una barca veneziana che si mostra al mondo.

Il lavoro mette insieme modellazione, materiali PBR, illuminazione, sviluppo in tempo reale e ottimizzazione: mestieri diversi che qui parlano la stessa lingua. Ma il punto non è tecnico. Un cantiere che costruisce barche firmate «Venezia» da generazioni, e che oggi vende anche fuori dall'Italia, adesso può mostrare le proprie finiture prima di costruirle.

L'artigianato, che per definizione si tocca con le mani, qui si tocca con lo schermo: è lo stesso mestiere, raccontato con gli strumenti di oggi.

Il configuratore GV30 Thunder — immagine dal progetto
Il configuratore

Il configuratore in immagini.

Clicca su un'immagine per aprirla a tutto schermo — usa le frecce per scorrere. Le immagini sono quelle del progetto: se vuoi didascalie diverse, dimmi cosa mostrano e le scrivo.

Il team

Progettare da zero, dettaglio per dettaglio, la configurazione di una barca.

Dietro questo configuratore c'è un lavoro di progettazione che il team Web'nGO ha svolto da zero: non l'adattamento di un modello già pronto, ma la costruzione ex novo di una configurazione completa della GV30 Thunder. Ogni parte della barca resa configurabile, ogni materiale preparato, ogni nome verificato con il cantiere: modellazione, grafica dei materiali, illuminazione, sviluppo in tempo reale, interfaccia e ottimizzazione tenuti insieme da un unico disegno. È il tipo di lavoro in cui la cura si vede nel risultato, e vale la pena dirlo con chiarezza.

Un lavoro di precisione

Quattro milioni di vertici riorganizzati parte per parte perché fossero configurabili, 167 texture ricostruite in mappe PBR, 76 fra colori e materiali con il loro nome vero. Niente di generico: ogni dettaglio appartiene a questa barca e a nessun'altra.

Un lavoro di squadra

Modellazione 3D, materiali, sviluppo WebGL, interfaccia bilingue e ottimizzazione per il browser: mestieri diversi che il team ha tenuto allineati su un solo obiettivo — la barca che si compone davanti a chi la sta scegliendo.

«Questo configuratore non è un esercizio tecnico: è parte del percorso di crescita del brand Vizianello che stiamo facendo insieme, passo dopo passo.»
Fabio Visentin — Web'nGO Italia

Il ringraziamento va ai Cantieri Vizianello: per la fiducia, per il tempo che il loro team ci ha dedicato e per averci aperto i dettagli che rendono questa barca quello che è. Lavorare con chi conosce ogni tavola e ogni finitura ha reso possibile un configuratore fedele — e ci ha lasciato la misura esatta di un artigianato veneziano che ha decenni di mestiere dentro.

Vuoi un configuratore 3D per il tuo prodotto?

Raccontaci cosa deve poter scegliere il tuo cliente: valutiamo insieme se un configuratore interattivo è la strada giusta.

Richiedi una consulenza
Vedi le altre case history