All work

Cinematic website for a specialist car workshop

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

The challenge

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

A one-man workshop building bespoke car conversions 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 cost 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
Evidenced outcome

The commit messages carry measured before-and-after numbers: loading the hero sequence fell from 21.6 MB to 6.3 MB and from over 8.5 s to 2.26 s while the number of genuinely scrubbable frames rose, and the largest scroll jump fell from 2,700 px to 53 px. These are our own engineering measurements on this site, not a client result; the repository evidences no production deployment.

More work

All work →

Have a system that needs to just work?

hello@continero.com