All work

Cinematic website for a specialist car workshop

A cinematic site for a small specialist workshop building bespoke car conversions: a dark, scroll-driven presentation whose hero plays a 241-frame sequence.

FILM STRIPSCRUB241 FRAMES
The challenge

The craft sells on looks, and the site was a template.

A small specialist workshop builds bespoke car conversions and sells its craft and its looks. Its website, however, was built on a template, so it said nothing about that work.

Our approach

The hero as a canvas, with its own tooling layer.

We built a dark, scroll-driven site: the hero is a canvas playing a 241-frame sequence as you scroll, with a static fallback image and respect for reduced-motion settings. It is followed by a kinetic manifesto, pinned numbered service sections, a project gallery and a closing contact section. The stack is TypeScript, Vite, GSAP and Lenis.

A Python pipeline that generates and optimises the image assets
A budget guard, so nothing is generated before the brief is approved
An in-browser measurement suite for render times and scroll smoothness
Playwright E2E and unit tests
BEFORE AND AFTERSIZE21,6 MB6,3 MBBEFOREAFTERLOAD8,5 s2,26 sBEFOREAFTER−71 %
Evidenced outcome

Measured on the site: loading the hero sequence fell from 21.6 MB to 6.3 MB and from 8.5 s to 2.26 s, and the largest scroll jump fell from 2,700 px to 53 px.

More work

All work →

Have a system that needs to just work?

hello@continero.com