Vai al contenuto

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

Ottica Brunialti da telefono, gli occhiali 3D in alto e sotto il titolo con il pulsante per prenotare l'esame
Ottica Brunialti da telefono, la visita su fondo notte con le montature in tartaruga sulla mensola e la barra dei passi
Ottica Brunialti da telefono, il laboratorio su fondo cobalto con regolazioni, viti, naselli e pulizia fatti al banco

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

Ottica Brunialti, la home con gli occhiali 3D chiusi sul negozio sfocato, il titolo serif e il pulsante per prenotare
Ottica Brunialti, gli occhiali girati verso chi guarda con il negozio che attraverso le lenti torna nitido
Ottica Brunialti, la visita su fondo notte con il passo dedicato alla scelta della montatura e la foto delle montature in tartaruga
Ottica Brunialti, la sezione cobalto del laboratorio con la molatrice per le lenti e una vite dorata in volo
Ottica Brunialti, i contatti sul negozio di sera con le card di telefono, WhatsApp, email e orari

Usa le frecce sinistra e destra per scorrere le schermate.

Vuoi un sito così per la tua attività?

Parliamone