Back to blog

Avant Garde — A Premium Automotive Service Portal | The Atom Studio

2026-06-124 min readThe Atom Studio Team

European car owners in Colombo don't have many options that feel as considered as the cars themselves. Avant Garde asked for a digital front door that matched.

The Brief

A specialist auto-service brand needed to read as premium and technical at once — not a generic book-a-service form bolted onto a stock template.

What We Built

  • Scroll-driven storytelling built with GSAP ScrollTrigger, so the page moves the way a premium car brand's site should.
  • Lenis-powered smooth scroll physics for a heavier, more deliberate feel than default browser scrolling.
  • A Framer Motion pointer-glow interaction layer that rewards a slower, more attentive browsing pace.

Under the Hood

Built on Next.js 15 as a Booking System tier project — the interactive booking sits underneath all that motion design, not instead of it.

Avant Garde is a good example of what premium should mean in a web build: restraint and precision, not just a dark background and a serif font.