Squints Optical · London, Ontario

Design Concepts

A gallery of interactive ideas for the new Squints site, each one a live, working prototype you can play with right here. These are explorations: pick the moments you love and they get built into the real site.

Tip: each panel is fully interactive. Use the Open full screen link to view any concept on its own.
01

Lens-Focus Reveal

Hero

The page loads soft and out of focus, then snaps into crisp clarity, like slipping on the perfect pair of glasses. Hit Replay to watch it again.

Loads automatically · Replay button, bottom-right
02

Floating Parallax

Hero

Three frames drift at different depths, responding gently to your cursor and scroll. Calm, premium, alive.

Move your mouse across the panel
03

Hover-Tilt Brand Cards

Showcase

A wall of designer houses. Each card tilts in 3D toward your cursor with a light glare sweeping across it.

Hover over each card
04

3D Coverflow Carousel

Showcase

Browse the frame collection in a draggable 3D coverflow, with depth, blur and momentum.

Drag, or use ← → arrow keys
05

Lens Correction

Interactive

The scene is blurry until you move a lens across it, sharpening everything beneath, the perfect optical metaphor.

Move your cursor over the panel
06

Photochromic Toggle

Interactive

Flip the switch and the whole room slides into shade, like photochromic lenses darkening in the sun.

Click the Daylight / Shade toggle
07

Glass Refraction (WebGL)

Showstopper

A real-time WebGL lens that refracts and bends the headline behind it, drifting with your cursor.

Move your mouse · needs WebGL
08

3D Spinnable Frame

Showstopper

A pair of luxury glasses rendered in real 3D (Three.js) with studio lighting and gold glints. Drag to rotate; scroll to dock it into the corner.

Drag to rotate · scroll inside the panel
09

Virtual Try-On (Webcam AR)

Showstopper

Allow your camera and frames are placed on your face in real time. Swap brands live. Runs entirely on-device. (Or drop in a portrait if you skip the camera.)

Click Enable Camera, then pick a frame
10

Scroll Eye-Chart Story

Interactive

A Snellen eye chart that sharpens line by line as you scroll, telling the Squints story as it comes into focus.

Scroll inside the panel