Sito 3D · Ingresso nella lente
Ottica Brunialti
Attraverso le lenti il negozio torna a fuoco, come dopo una visita fatta bene.
- Anno
- 2026
- Stato
- Concept
Il problema
Chi cerca un ottico trova spesso siti che sembrano il catalogo di una catena, con i marchi delle montature, le promozioni sulle lenti e una foto della vetrina.
Non si capisce come si svolge l'esame della vista, quanto dura, se c'è un laboratorio o se gli occhiali vengono montati altrove. Eppure è proprio questo che fa scegliere un negozio invece di un altro, cioè la sensazione di essere seguiti con calma da chi conosce il mestiere.
La soluzione
Per Ottica Brunialti sono partito da un'idea semplice, la vista si misura con calma e la montatura si sceglie come un abito su misura.
In apertura gli occhiali in acetato cobalto, un modello 3D costruito in codice, sono chiusi accanto a un titolo da rivista. Mentre scorri la scena si ferma, le aste si aprono e gli occhiali si girano verso di te. Il negozio alle spalle resta sfocato ma attraverso le lenti diventa nitido, poi si entra nella lente destra e si atterra nel negozio a fuoco. Seguono i servizi, i quattro momenti della visita, il laboratorio, le montature in vetrina e le domande, fino alla prenotazione dell'esame. Ho scelto il blu cobalto con dettagli color tartaruga, fondi chiari e notturni e un serif elegante per i titoli.
Il sito in numeri
- Pezzi del modello 3D, dal frontale alle punte delle aste
- 10
- Momenti della visita, dall'ascolto al ritiro
- 4
- Sezioni della pagina, dall'apertura ai contatti
- 7
Tecnologie
- React
- Three.js
- GSAP
- TypeScript
- Tailwind CSS
- Vite
- Lenis
- Motion
- 21st.dev
- ChatGPT
Le schermate
Su mobile
Lo stesso sito sul telefono, pensato per il pollice e per lo schermo piccolo.
1 di 3
Usa le frecce sinistra e destra per scorrere le schermate.
Su desktop
La pagina scorre e la scena cambia con te. Qui alcuni momenti, dall'apertura ai contatti.
1 di 5
Usa le frecce sinistra e destra per scorrere le schermate.







