Website design and build for a Luxembourg creative agency — a live Spline 3D object wired into page transitions, hover states, and scroll, on a site that never reloads.

ANGO is an integrated creative agency in Luxembourg — strategy, branding, web, acquisition, and automation under one roof.

The problem with an agency that does everything is that its own website has to prove it. A service list wouldn't do it. So we built the proof into the experience: one continuous, uninterrupted space where a 3D object reacts to everything the visitor does.

Live: ango.lu

Most agency sites are a set of separate pages. You click, the screen goes white, a new page loads. That break is where the atmosphere dies.

ANGO doesn't do that. The site behaves like a single continuous surface — you move through it, not between pages. And at the center of it sits a Spline 3D object that's always alive, always responding.

Three inputs drive it, and they never fight each other:

Scroll — the object rotates and reshapes as you move down the page. On the About page it's tied directly to ANGO's four-step method: Diagnostic → Stratégie → Création → ANGO Care. The section pins, the object turns, the headline changes with it. You don't read about their process — you move through it.

Hover — the object reacts to the cursor across the site. Small, restrained, but enough that the page feels aware of you rather than static.

Page transitions — powered by Barba.js. Navigate anywhere and the page never reloads. Content transitions out and in while the 3D object keeps its state and carries over. The result is a site with no seams — the atmosphere holds from the first scroll to the contact form.

That last part is the piece I'm most proud of. Getting a WebGL scene, a scroll timeline, and a transition library to coexist without the object stuttering, resetting, or dropping frames on navigation is the whole engineering problem — and when it works, nobody notices it at all. That's the point.

Editorial and restrained, so the motion has room to land.

Big uppercase display type with tight tracking, a warm off-grey base instead of flat white, and a single red accent used sparingly — so when red appears, it means something. The whole site is in French, ANGO's market language, which shaped the type sizing against real copy rather than placeholder text.

Five pages: Home, À propos, Expertises, Réalisations, Contact.

Art direction and UI design (Figma)

Full Webflow build

Spline 3D scene integration and optimization

Barba.js page transitions with persistent 3D state

Scroll-driven and hover-driven animation (GSAP)

Responsive across all breakpoints

CMS setup and handoff so the team can publish on their own

Tools: Figma · Webflow · Spline · Barba.js · GSAP · JavaScript

ANGO now has a site that argues its own case — the precision they sell to clients is visible in how the thing moves.