3D interattivo
Scena Three.js con geometria primitiva, drag-to-rotate e materiali aggiornabili.
CONCEPT DI SVILUPPO · CONFIGURATOR LAB
Configura, vedi, ricevi un preventivo demo in 60 secondi.
Showpiece interattivo per prodotti modulari: arredo, occhiali, componenti custom. Il prezzo e' parte dell'interfaccia prodotto demo, non un prezzo dei servizi di Gabriele.
Apri configuratoreConfiguratore 3D in caricamento
Contesto demo
Un prodotto modulare ha bisogno di essere provato, non solo spiegato.
Questo concept mostra un configuratore front-end dove l'utente vede una variante, cambia materiali e ottiene un riepilogo pronto per una richiesta. I dati sono fittizi, ma il flusso e' quello di una mini-app reale.
Varianti prodotto
Colori, finiture, base e altezza cambiano il riepilogo in tempo reale.
Fallback accessibile
Se WebGL o motion sono disattivati, resta disponibile il riepilogo testuale.
Dashboard richiesta
Mock admin per mostrare come arriverebbero configurazioni e stato preventivi.
Stack
Interazione ricca, ma deploy semplice.
Three.js viene importato da npm e caricato in un componente client lazy-loaded, evitando problemi SSR.
Next.js · TypeScript
Three.js via npm imports
React client state
Vercel static-ready
Admin/request dashboard
Ogni configurazione arriva gia' leggibile.
La dashboard e' un mock statico: mostra come un team potrebbe filtrare richieste, stati e configurazioni senza passare da email incomplete.
ADMIN · RICHIESTE DEMO
42
18
7
#1284Mila · Cuoio · Satin · Nero opacoNuova
#1283Mila · Salvia · Gloss · CromoProposta
#1282Mila · Antracite · Matte · FaggioChiusa demo