Anno
2025/2026
Brief
Choosy Ottica è un’ottica specializzata nella selezione e rivendita di occhiali di design e lusso. La sfida era costruire un e-commerce custom che restituisse online l’identità e la cura di una boutique fisica, distanziandosi nettamente dagli standard del settore.
Ho sviluppato l’e-commerce di Choosy Ottica, rivenditore selezionato di occhiali di lusso con brand come Ahlem, Cutler and Gross e Kuboraum. Il progetto include una homepage esperienziale con effetto blur interattivo ispirato alla messa a fuoco ottica, un sistema di filtraggio avanzato del catalogo con anteprima varianti e una galleria prodotto custom, il tutto racchiuso in un’estetica minimal bianco e nero che lascia al centro il prodotto.
Il concept visivo della homepage nasce da un’intuizione legata al mondo dell’ottica: la messa a fuoco. Ho sviluppato un effetto in cui l’intera pagina appare sfocata, ad eccezione di un grande cerchio — che segue il cursore su desktop o si posiziona dinamicamente su touch screen — simulando la visione attraverso una lente. L’effetto è realizzato interamente in CSS e JavaScript vanilla, senza dipendenze esterne.
Oltre all’impatto visivo immediato, questa interazione comunica il posizionamento del brand — vedere bene, scegliere con precisione — e contribuisce a trattenere l’utente sulla pagina, generando un segnale positivo per il posizionamento organico.
Per la pagina delle collezioni ho progettato e sviluppato un sistema di filtraggio custom che permette di navigare per tipologia (Sunglass / Optical), brand e materiale, agendo in modo dinamico senza ricaricare la pagina. Ho aggiunto la possibilità di visualizzare le varianti di colore direttamente dalla griglia del catalogo, senza dover aprire ogni scheda prodotto — un dettaglio che avvicina l’esperienza a quella di un configuratore e riduce l’attrito nel percorso d’acquisto.
Per ciascuna scheda prodotto ho realizzato una galleria fotografica custom, studiata per valorizzare al meglio forme e materiali degli occhiali, sia su desktop che su mobile. La struttura della pagina segue le best practice di UX per l’e-commerce, con una gerarchia visiva chiara che accompagna l’utente dalla scoperta del modello fino alla call to action.
Ho scelto un’estetica rigorosamente minimal, con una palette bianco e nero pensata per togliere ogni distrazione visiva e lasciare che siano gli occhiali a fare la scena. Il codice è stato ottimizzato per le performance e i Core Web Vitals, con particolare attenzione alla velocità di caricamento e alla struttura dei markup per favorire il posizionamento organico delle schede prodotto.
