Case study · Concept build
OBSCURA
A luxury eyewear brand built to prove a studio can deliver editorial, gallery-grade Shopify work — the kind of site that justifies a premium budget.
- TypeConcept / spec build
- PlatformShopify · Horizon theme
- ScopeBrand, copy, custom sections, product system
- Timeline1 day
The brief
The goal was a ceiling-raiser. Most of a small studio's portfolio reads as a "nice product store" which anchors clients to a mid-tier budget. OBSCURA was built to break that ceiling: an avant-garde eyewear brand in the register of labels that treat their website as an extension of the product, where the experience itself signals the price. If a prospect sees this and thinks "I didn't know Shopify could look like that," the piece did its job.
The approach
A single editorial scroll on Shopify's Horizon theme, structured like a gallery walk-through -- alternating near-black and gallery-white sections to give the page rhythm and drama. Rather than a conventional product catalog, the collection is presented as a curated body of work: each frame carries a monospace index code, named and numbered like a catalogue raisonné. The whole site is restraint over noise -- heavy negative space, oversized type, and a single unexpected accent color used once per viewport.
The signature
The hero is the proof point. An oversized wordmark reveals letter by letter, a product image drifts on scroll with the type inverting against it, and the accent enters only on interaction. It reads as bespoke, art-directed work -- but it's built entirely with CSS and a few lines of vanilla JavaScript inside a standard Horizon section. No apps, no heavy libraries, nothing that breaks when the client edits text. That's the deliberate line: impressive and reproducible.
The product system
The five frames -- Meridian, Eclipse, Umbra, Penumbra, Halo -- were built as a parametric SVG system, not one-off graphics. A single generator outputs the whole collection in one consistent visual language, with editor controls for how each frame sits in its tile. The same system reskins for any future eyewear or accessory client.
The outcome
Premium has to stay maintanable. Every custom section is editable in the theme editor --colors, copy, products, layout -- by a non-technical owner. The motion respects reduced-motion preferences, image lazy-load, and nothing depends on a fragile third-party app. A site can look like it cost a fortune and still be one a client can actually run.