Sandario Premium Eyewear E-commerce Experience

Sandario is a premium eyewear e-commerce project built in Framer, designed to showcase modern sunglasses and photochromic lens technology through a clean, editorial-style shopping experience.

The goal of the project was not only to customize the visual appearance of the website but also to improve product discovery and create interactive experiences that help customers better understand the product features before making a purchase.

Starting from an existing template foundation, I customized the structure, layouts, and shopping experience to better align with the brand’s premium positioning. The project involved refining the overall visual hierarchy, improving responsiveness, and introducing new functionality that was not available in the original template.

Customized and expanded the original Framer template

Improved product presentation and collection browsing experience

Implemented custom product filtering logic

Added interactive product color selection functionality

Built a before-and-after photochromic lens comparison component

Optimized layouts and responsiveness across desktop, tablet, and mobile

Enhanced CMS organization for easier content management

Refined typography, spacing, and overall visual consistency

Improved user flow throughout the shopping experience

One of the main challenges was communicating the value of the photochromic lenses in a way that felt intuitive and visually engaging. Since customers cannot physically experience the product online, I designed an interactive before-and-after comparison section that demonstrates how the lenses transition between clear and dark states depending on lighting conditions.

Another challenge was maintaining a luxury aesthetic while introducing additional functionality such as filtering, color selection, and product exploration tools. The goal was to ensure the interface remained minimal and elegant without overwhelming users with unnecessary complexity.

The final website provides a more polished and interactive shopping experience while preserving the premium editorial feel of the brand. Customers can browse collections more efficiently, explore product variations, and better understand key product features through interactive elements integrated directly into the shopping journey.

The project demonstrates how Framer can be extended beyond standard templates to create tailored e-commerce experiences that combine strong visual design with practical functionality and improved user engagement.

Live: