SOLVANE — 3D Sunglasses Store with Scroll Animation

SOLVANE is a premium sunglasses storefront pairing elegant editorial typography with a pale sky-blue graph-paper background and rich tortoiseshell imagery. Its six-section layout guides visitors through the collection, frame specifications, colorways, construction details, and product selection.

An oversized 3D sunglasses model anchors the hero, rotating as visitors scroll to reveal the frame’s depth, tinted lenses, hinges, and open temples. A continuously animated carousel showcases four finishes—Tortoise, Champagne, Onyx, and Amber—with drag, arrow, and pause controls.

Visitors can explore an interactive eyewear component diagram, expand construction notes, and choose a finish and fit through a demo shopping flow. Scroll-linked product movement continues through the closing sections, ending with a staggered SOLVANE wordmark reveal.

Built with HTML, CSS, JavaScript, and Three.js, the design supports desktop and mobile layouts, keyboard interactions, and reduced-motion preferences. The accompanying one-shot prompt specifies the layout, styling, assets, and animation logic for reconstruction. Checkout is a demonstration and does not process payments.