ClearPath Studio
Web Design Studio
Featured Work

The ones we're proud of.

Live, scrollable previews of our favourite concept builds — the ones where the design pushed something we hadn't tried before. Each one autoplays inside a laptop frame; click to open the real site full-screen.

· Premium Product Landing ·

AXIRYA · Hool Labs

A speculative concept for a face-mist brand — layered scroll-driven depth, kinetic typography, a pinned bottle drop into a fluffy cloud, and a single master gradient that flows seamlessly from sunset through lavender, pink and back. Built with Next.js, GSAP and Lenis.

  • Pinned bottle drop
  • Kinetic typography
  • Master gradient flow
  • Layered parallax depth
· Architectural · Editorial ·

Hartwell Glasshouse Co · Surrey

A speculative bespoke-orangery brand for the Surrey commuter belt — hardwood conservatories and garden rooms from £42,000+. Drafting-frame photo hovers quote the language of architectural drawing, a top-down page-transition sweep in warm patina synchronises to the route change, and per-area landing pages across Weybridge, Cobham, Esher and Oxshott signal local competence for high-ticket buyers. Editorial Fraunces serif + Inter, warm patina accent on a cream-paper ground. Built with Next.js, GSAP and Lenis.

  • Drafting-frame photo hover
  • Patina page-transition sweep
  • Per-area Surrey landing pages
  • Editorial Fraunces / Inter stack
· Editorial Whisky Concept ·

Yamabe · 山辺 Distillery

A speculative single-malt whisky house, told as a magazine. Stage-curtain page loader that lifts to reveal a hero with layered parallax depth, a pinned cooperage horizontal scroll telling the cask life cycle, and a pinned Time section where four eras crossfade behind a static bottle. Built with Next.js, GSAP and Lenis.

  • Stage-curtain loader
  • Horizontal cooperage scroll
  • Era-crossfade timeline
  • Editorial layout
· Cinematic Barbershop Concept ·

The Roper · East London Barbershop

A speculative concept for an East London barbershop on Pollard Row. Sideways-sliding stage-curtain loader hands off to a hero with a straight razor floating in front of an oversized THE ROPER wordmark — depth from mix-blend lighten, drifting embers and warm haze. A pinned horizontal scroll scrubs through five signature cuts at 78vh tall, then a live OPEN NOW indicator pulses on the Visit panel. Built with Next.js, GSAP and Lenis.

  • Sideways stage-curtain loader
  • Mix-blend hero depth
  • Pinned horizontal cut scroll
  • Live OPEN NOW indicator
· Editorial Coffee Concept ·

Slow Press · Specialty Coffee

A speculative concept for a UK specialty coffee brand. Oversized kinetic wordmark fills the viewport on first paint, scrubbing down as you scroll to reveal a pinned bag drop — three single-origin coffees (Ethiopia, Colombia, Sumatra) presented as chromakeyed transparent PNGs layered on a cream UI. Typography does the heavy lifting; product photography is the second voice. Built with Next.js, GSAP and Lenis.

  • Kinetic oversized wordmark
  • Scroll-driven bag reveal
  • Transparent PNG layering
  • Editorial cream palette
· Model B Performance Partnership ·

Bricklane Roofing Co · East London

The reference site behind our Model B partnership for UK roofers — zero upfront cost, 20% rev-share on new work the site brings in. Editorial type carries a family-business framing, the hero leads with 22 years trading and a 10-year workmanship guarantee, and the mobile-first quote form is one tap from anywhere on the page. Built for local SEO across every East London borough, with NFRC, TrustMark, CHAS and CITB accreditation badging cued below the fold for trust at first glance.

  • Editorial family-business framing
  • 24h quote-turnaround positioning
  • Local SEO across boroughs
  • Mobile-first quote conversion
Your turn

Yours could live here.

Concept builds prove what's possible. Book a free discovery call and we'll design something just as ambitious — for your brand.