Automotive · concept build
Argence: a car marque, its lineup and its booking flow
A retail platform for an invented car brand, built end to end to work out what the automotive version of this job actually involves. Twenty-one pages, six models, five studios, and a scroll-driven opening film.
- Built
- Brand site, stock system, booking, accounts
- Pages
- 21, all prerendered
- Opening
- Two clips, scrubbed to scroll
- Stack
- Next.js, React 19, Tailwind, no backend
The problem
Car retail sites tend to split in half. The brand side is a film with nothing to do, and the buying side is a stock list with no atmosphere left in it. Someone arrives wanting to be sold a car and ends up filling in a contact form on a page that looks like a spreadsheet.
What I built
One site that stays the same thing throughout. It opens on a pinned sequence where a car turns on a studio turntable and dissolves into the building opening up around it, driven entirely by scroll position rather than a play button. Behind it sits the actual retail platform: six models with real specifications, filters for fuel type and stock, a four step visit booking, saved cars and an account area.
What changed
The stock figures on every page are derived from one data file rather than typed in, so the lineup, the studio pages and the counts in the navigation can never disagree with each other. The opening film runs from a single scroll progress value, which is why the video, the copy and the dissolve stay describing the same instant even when someone scrolls quickly.
The build
Built at phone width first
Most of the traffic arrives on a phone, so the narrow layout is the one that gets designed and the wide one is the adaptation, rather than the other way round.
Tell me what’s slipping through the cracks.
Describe the problem rather than the solution. Working out which one it needs is my job.