Il configuratore 3D di sedute, con i tessuti veri e le misure giuste

Come l'abbiamo fatto

Costruito con l'AI, rifinito da noi, affidabile da usare

1. Dai file CAD del produttore al browser

   Il produttore pubblica schede tecniche e modelli 3D dei suoi prodotti. L'agente (Claude Code) li ha letti, li ha trasformati in modelli leggeri per il web e ha scritto le regole del catalogo: quali opzioni esistono e quali stanno insieme.

   • 6 prodotti e 18 varianti 3D, dai file OBJ e FBX del produttore
   • modelli leggeri, che si caricano anche da telefono
   • le combinazioni impossibili in scheda tecnica non si possono scegliere

   

2. Quello che conta lo vede chi prova

   L'AI fa quello che le chiedi. Accorgersi che qualcosa non va, e decidere come deve essere, resta compito nostro. Provando il configuratore abbiamo notato che i rivestimenti sembravano tutti uguali: ora ogni tessuto ha le sue foto e i suoi colori veri.

   • 268 colori reali, con foto e codici del catalogo del produttore
   • 34 scelte del team dopo la prima versione, dall'animazione della home alle icone
   • l'ordine della home rivisto secondo i principi di UX

   

3. La provi dove la metterai

   In realtà aumentata la sedia compare nella stanza in scala reale, quindi le misure devono essere giuste. Abbiamo confrontato ogni modello con la scheda tecnica: nel file la seduta lounge era alta 96 cm, quella vera 81.

   • realtà aumentata su iPhone e Android senza app, anche da Chrome su iPhone
   • misure reali sul modello, a portata di dito
   • accessibile da tastiera e con screen reader, secondo le WCAG 2.2 AA

   

Persone e AI

L'agente scrive il codice, noi proviamo la sedia in salotto

L'agente scrive il codice e converte i modelli. Noi lo proviamo su telefono, in realtà aumentata e con il catalogo vero, e decidiamo cosa cambiare.

1. 01

   Il brief

   Noi

   Chiediamo un configuratore 3D da proporre alle aziende di arredo, sul catalogo vero di un produttore di sedute e con la realtà aumentata. Niente foto: il 3D.

2. 02

   Dai file CAD al web

   Agente AI

   L'agente legge la scheda tecnica, converte i modelli 3D del produttore in file leggeri per il browser e scrive le regole del catalogo.

3. 03

   La prima versione

   Agente AI

   La poltrona direzionale è configurabile: schienale, braccioli, rivestimento, base e ruote.

4. 04

   Di più, e più bello

   Noi

   Chiediamo più prodotti, comandi visivi e cambi animati. Il catalogo passa a sei sedute.

5. 05

   Online

   Noi + agente

   Decidiamo il dominio e l'agente pubblica il configuratore.

6. 06

   La prova in AR

   Noi

   Mettiamo una seduta nella stanza: è più grande del vero. Confrontiamo le misure con la scheda tecnica e le facciamo correggere.

7. 07

   Anche su Chrome per iPhone

   Noi + agente

   Notiamo che su iPhone l'AR si apre solo da Safari. L'agente prepara il modello sul server e ora funziona da ogni browser.

8. 08

   I tessuti veri

   Noi

   Cambiando rivestimento sembra tutto uguale. Scegliamo di usare le foto e i codici colore reali del produttore.

9. 09

   Il nostro occhio

   Noi

   Logo, icone e ordine della home secondo i principi di UX: le ultime rifiniture le decidiamo noi, una per una.