SIM2
Restyle del sito di un produttore italiano di proiettori.
UI del sito e tema WordPress su misura, con i modelli 3D.
Scheda.
SIM2, restyle del sito e modelli 3D
UI del sito e sviluppo del tema WordPress. I modelli 3D dei proiettori sono di un 3D artist esterno.
Contesto & brief
Restyle del sito di SIM2 Multimedia (sim2.com), azienda italiana di proiettori e prodotti HDR per il residenziale e il commerciale. Il sito comprende schede prodotto, news e area download. Lingua della home: inglese (en-US).
Cosa ho sviluppato
- UI del sito del restyle.
- Tema WordPress su misura.
- Viewer 3D con
<model-viewer>sui file.glb: controlli camera, rotazione automatica, ambiente fotografico. Su UltraNero 4 il file èULTRANERO.glb. - Elenco prodotti con gli stessi viewer: products.
Servizi: temi WordPress, esperienze 3D e WebGL.
Dal restyle è nato un calcolatore di throw ratio a uso interno, che lavora su modello, schermo, distanza e stanza. Non è pubblico. Approfondimento: configuratore 3D in React Three Fiber.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | React |
| CMS | WordPress |
| Motion e 3D | React Three Fiber, model-viewer |
| E-commerce e pagamenti | — |
| Analytics / osservabilità | — |
| Servizi e hosting | — |
Decisioni chiave & trade-off
Tema su misura
L'admin resta WordPress, la pagina segue il nuovo design.
model-viewer sul sito pubblico
Un GLB per scheda, senza una scena custom in pagina.
React Three Fiber solo nel tool interno
Throw ratio, distanza e stanza restano fuori dal sito pubblico.
Crediti & riconoscimenti
UI del sito e sviluppo: Luca Lodi. Modelli 3D: un 3D artist esterno.
Altro tema WordPress sviluppato da zero: Eukinos.
sim2.com — WordPress, tema su misura, model-viewer.
Servizi collegati: temi WordPress · esperienze 3D e WebGL · Guida: quanto costa un sito web animato o 3D
Stack
WordPress, model-viewer