03 / 03 · Concept demo
Modular Furniture Editions
ASSEMBLA
Design + sviluppo
Salvatore Borneo / 2026
La sfida
Far comprendere un sistema d’arredo modulare e le sue combinazioni prima dell’acquisto, senza affidarsi a configurazioni opache.
La risposta
Catalogo e configuratore visivo convergono in un carrello leggibile, con misure, materiali, consegna e conferma sempre verificabili.
Ruolo
Art direction · UX/UI · Front-end
Stack
- Next.js 16
- React 19
- TypeScript
- SVG + CSS
Capacità dimostrate
- Product configurator
- Visualizzazione SVG
- Carrello persistente
- Form e riepiloghi accessibili
Demo interattiva
Non guardarla soltanto. Provala.
Prodotto dimostrativo interamente client-side. Dati, conferme, prezzi e transazioni sono simulati e restano nel tuo browser.
Persistenza funzionale / assembla-cart-v1 · assembla-order-v1
Si attiva quando entra in scena
ASSEMBLA
Catalogo, configuratore modulare, carrello e consegna simulata entrano nel bundle soltanto quando servono.
Decisioni reali
Le decisioni dietro l’interfaccia.
- 01
La configurazione è leggibile anche senza il visual
La composizione SVG è accompagnata da un riepilogo testuale di moduli, dimensioni e materiali, utile anche con tecnologie assistive.
- 02
Carrello e ordine hanno cicli distinti
Configurazioni in corso e conferma finale usano chiavi versionate separate, evitando che un ordine simulato cancelli contesto senza consenso.
- 03
I prezzi sono parte della simulazione
Ogni importo è esplicitamente dimostrativo e viene calcolato in modo deterministico a partire dalla configurazione scelta.
Mostra estratto di codice
const total = basePrice + modules * modulePrice + materialSurcharge;
Progetto precedente
Continua l’esplorazione oppure raccontami cosa vuoi costruire.