Showcase build: what we can create for you
Kestrel E1
Type: Scroll-video product website·Immersive websites + Websites·2026
- Scroll video
- Canvas frame-scrub
- Product launch
- Astro
Showcase build: a product page for an urban e-bike where a studio film plays forwards and backwards as you scroll, so you walk around the bike with your thumb.
Case study
The problem
Video sells products, but an autoplay clip is easy to scroll past and a large video file slows the page down, especially on phones.
What we built
A product page where an eight-second studio film is cut into WebP frames and painted to a canvas as you scroll, so the visitor controls the film. Phones get a smaller, cropped sequence of 72 frames that loads after the page is ready, coarse frames first. A pinned gallery, a numbers section and a specification table carry the detail, and with reduced motion switched on the film becomes a calm still and the page reads top to bottom.
Stack
- Astro
- Canvas frame-scrub (WebP frames)
- ffmpeg
- GSAP ScrollTrigger
- Lenis smooth scrolling
- Vercel
Lighthouse scores
- 100 Performance
- 100 Accessibility
- 100 Best practices
- 100 SEO
Real Google Lighthouse run, mobile settings, on kt-demo-kestrel.vercel.app on 2 November 2026. Scores can move a few points between runs.
Built by KreativeTab to show what's possible.
Try the demo yourself
View live demo (opens in a new tab)
