Brionvega AR
Esperienza WebAR che porta gli oggetti Brionvega nella stanza.
App Vite con model-viewer: 3D e AR.
Scheda.
Brionvega AR, Radiofonografo e Totem nella stanza
Anteprima 3D nel browser e AR nativa su iOS e Android, senza app. Modelli di un artista 3D esterno.
Contesto & brief
Esperienza WebAR per Brionvega (ar.brionvega.com): Radiofonografo e Totem posizionati nella stanza direttamente dal browser, senza installare app.
Cosa ho sviluppato
- Anteprima 3D in pagina, ruotabile, con luci da studio (model-viewer).
- Passaggio all'AR del telefono: Quick Look su iOS, Scene Viewer su Android.
- Configurazioni: cinque colori per oggetto, in versione aperta o chiusa.
- Conversione: link allo shop e iscrizione con Brevo prima dell'AR.
- Otto lingue: inglese, italiano, spagnolo, francese, tedesco, giapponese, coreano, cinese.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js, Vite, React |
| CMS | — |
| Motion e 3D | model-viewer |
| E-commerce e pagamenti | — |
| Analytics / osservabilità | — |
| Servizi e hosting | Brevo |
Decisioni chiave & trade-off
AR nativa del telefono anziché WebXR
Posizionamento più affidabile, a fronte di due formati di modello (USDZ e GLB).
App Vite anziché Next.js
Il rendering lato server non era necessario.
Modelli ottimizzati per mobile
Texture a 1024 su telefono, 2048 su desktop.
Iscrizione prima dell'esperienza
Raccoglie contatti, al costo di un passaggio in più.
Crediti & riconoscimenti
Sviluppo: Luca Lodi. Modelli 3D: Daniele Fischetti. Cliente: Brionvega.
ar.brionvega.com, 2023 — Vite, React, model-viewer.
Servizi collegati: esperienze 3D e WebGL · sviluppo per agenzie · WebAR · Guida: WebAR per prodotti
Stack
Custom website, Vite, React, model-viewer, AR