Year
2025/2026
Brief
Choosy Ottica is a specialized optician in the selection and sale of design and luxury eyewear. The challenge was to build a custom e-commerce which would restore online the identity and care of a physical boutique, distinctly distancing itself from the sector's standards.
I have developed thee-commerce of Choosy Ottica, authorized dealer of luxury eyewear with brands such as Ahlem, Cutler and Gross e KuboraumThe project includes an experiential homepage with interactive blur effect inspired by optical focusing, an advanced catalog filtering system with variant preview and a custom product gallery, all enclosed in a minimalist white and black aesthetic that leaves the product at the center.
The visual concept of the homepage is born from an intuition linked to the world of optics: the focusI've developed an effect where the entire page appears blurred, except for a large circle — which follows the cursor on desktop or dynamically positions itself on touch screen — simulating the view through a lens. The effect is implemented entirely in CSS and vanilla JavaScript, without external dependencies.
In addition to the immediate visual impact, this interaction communicates the brand's positioning — see well, choose with precision — and contributes to keeping the user on the page, generating a positive signal for organic positioning.
For the collections page I have designed and developed a custom filtration system I've added the ability to navigate by type (Sunglass / Optical), brand, and material, acting dynamically without reloading the page. I've also added the possibility of viewing color variants directly from the catalog grid, without having to open each product sheet — a detail that brings the experience closer to that of a configurator and reduces friction in the buying process.
For each product sheet I have created a custom photo gallery, studied to best value forms and materials of glasses, both on desktop and on mobile. The page structure follows the best practices of UX for e-commerce, with a clear visual hierarchy that guides the user from discovering the model to the call to action.
I have chosen an aesthetic strictly minimal, with a white and black palette thought to remove every visual distraction and let the glasses be the scene. The code has been optimized for the performance and Core Web Vitals, with particular attention to loading speed and markup structure to favor the organic positioning of product cards.
