web · 2026
Meridian Overhead Door
A launch-ready scroll-film site for a commercial and residential overhead-door company — a scroll-scrubbed cinematic hero wrapped in clean, technical editorial chrome, designed and built end-to-end.
Meridian sells uptime — doors measured in cycles, not years — so the site opens on a scroll-scrubbed film that advances as you scroll, each scene locking to a claim: 100,000 cycles, four-hour response, sealed and insulated. The hero is a canvas image sequence driven by Lenis and GSAP ScrollTrigger, with two-part captions that snap into place as the footage turns, then resolve on the Meridian wordmark. I generated the cinematic footage frame-by-frame through a ComfyUI + Wan image-to-video pipeline, then hand-built the surrounding pages — services, work, about, contact — in the same restrained, blueprint-blue editorial system. The result reads as a polished trade site: confident, documented, on-spec. Designed, filmed, and built end-to-end by one person.
- Scroll-scrubbed canvas hero — a cinematic image sequence that advances frame-by-frame with the scroll, no autoplay video
- Two-part claim captions synced to the film: 100,000 cycles, four-hour response, sealed & insulated, resolving on the wordmark
- Buttery inertial scroll via Lenis, with every scene beat choreographed in GSAP ScrollTrigger
- Restrained editorial chrome in blueprint blue — Space Grotesk display, IBM Plex Mono detailing, a faint grid substrate underneath
- Hero footage generated in-house with a ComfyUI + Wan i2v pipeline — no stock, no location shoot
- HTML
- CSS
- JavaScript
- GSAP
- ScrollTrigger
- Lenis
- ComfyUI
- Wan i2v
Play it
the real build, running in your browser
The opening film isn’t a video file — it’s a canvas image sequence that only “plays” when you scroll, so the whole cinematic hero is scrubbed by hand at whatever pace the visitor moves.
