Three ways to sell these

Same 10 frames, 30 colourways and 56 lenses underneath — same persistence rules, same imagery. What changes is what the page is for. Click through each, then tell me which one feels like eyewear and which parts to steal from the others.

Direction A

Boutique

A real product page. If a retailer asked “what would this look like on my site”, this is the literal answer.

  • Nav, breadcrumb, price, reviews, Add to bag
  • Lens is a merchandising module with upcharges
  • Colours named, not numbered
  • Safest, most familiar — also the least distinctive
Direction B

Aperture

Your window idea, taken literally. The product sits in a lit arch cut into a dark room, and the room takes its colour from the lens you pick.

  • Choosing sky-blue mirror turns the world cool; amber turns it dusk
  • Almost no chrome — lens colours are the interface
  • Campaign page, not a shop page
  • Most distinctive, hardest to put a Buy button on
Direction C

Counter

Split editorial. The left half floods with the frame’s own measured colour, so the page restyles itself as you move through the range.

  • Colour field is sampled from the render, not hand-picked
  • Big type, DTC brand register
  • Still has price and CTA — sellable
  • Middle ground between A and B

Placeholder copy. Product names (Ashcroft, Bellamy…), prices and review counts are invented so the pages read like a shop — swap them for the real catalogue. Colour names and swatches are measured from the renders: the lens region is found by diffing each variant against the clear lens, and the frame colour is the median of what's left. The original control-panel build is still at tool.html for comparison.