Web · Scroll animation · Next.js
X-treme Tunings
A Dutch car performance tuning shop needed a site that felt as fast as the work it sells. As you scroll, a car drives down a road through each step of the service, with a real vehicle lookup underneath.
Client: X-treme Tunings
- ~60
- Car brands in the lookup
www.x-tremetunings.nl
The problem
X-treme Tunings is a car performance tuning shop in the Netherlands. Their customers care about speed, precision and craft, and a standard template site would have undercut exactly what the business sells.
They also needed the site to do real work: help a customer find their own car and see what tuning could do for it before they get in touch.
What we built
We built the whole site around a scroll-driven story.
- A red car drives along a winding road down the page as you scroll. Scroll back up and it reverses.
- Each stop on the road is a step in the service: the test drive, the inspection, the follow-up inspection and the final test drive.
- The animation is real, not a background video, so it stays sharp and responds to every movement of the scroll.
Underneath sits a working vehicle performance lookup covering around sixty manufacturers, from Abarth to Volvo, so a customer can find their own car before they enquire.
The result
The site is live at www.x-tremetunings.nl. It gives a small specialist shop a presence that feels like a premium brand, and the lookup turns casual visitors into people asking about their specific car.
Scroll-driven animation is one of the most requested features on high-end landing page briefs, and one of the most often faked. This one is built properly.