Configuratore 3D

Una piattaforma no-code per creare e pubblicare esperienze 3D interattive senza bisogno di uno sviluppatore.

Azienda: WE WEAR
Anno: 2026
Categoria: Piattaforma; 3D
Stack: TanStack Start; Three.js
Ruolo: Fullstack Engineer

Sfida

Ogni esperienza 3D richiedeva uno sviluppatore: preparava il modello, i materiali e le opzioni tra cui il cliente poteva scegliere, e finché non aveva finito non si poteva mostrare nulla. Ogni modifica successiva era un nuovo ticket, quindi ogni esperienza avanzava al ritmo della coda di sviluppo.

Soluzione

L'ho progettata in modo che creare un'esperienza non richieda più uno sviluppatore. Un workspace raccoglie i progetti, e i colleghi entrano con un invito via email e un ruolo. L'editor dei materiali crea materiali PBR dalle texture del progetto stesso, un canale alla volta, e mostra l'anteprima di ogni modifica su una sfera, un cubo o un piano. L'illuminazione arriva da un preset o da un HDRI personalizzato, e uno stack di post-processing rifinisce il risultato con ambient occlusion, bloom, tone mapping e correzioni colore.

Poi viene ciò che il cliente può cambiare. Il gestore delle varianti raccoglie le opzioni in set, come il colore delle cuffie o quello dell'archetto, e ogni opzione ha un prezzo, una miniatura e il materiale che applica. Un'opzione può dipendere da un'altra in un set diverso, così sceglierla attiva anche quella. Le decal segnano zone numerate sulla superficie, e ogni zona diventa uno spazio che il cliente riempie con un'immagine o una riga di testo.

Pubblicare crea una versione numerata e restituisce un URL pubblico, così un'esperienza va online senza un deploy. L'export decide cosa mostra quella versione: controlli orbitali, prezzi e totale aggiornato, un riepilogo che il cliente può scaricare in PDF, l'editor 2D degli sticker, il post-processing e il logo del brand nella schermata di caricamento. Su smartphone le opzioni passano in un bottom sheet e l'editor degli sticker va a schermo intero.