Let's talk
Technical showcase

Ten demonstrations, live on this page

Each one corresponds to an option actually available on your future site (see the Business plan). Scroll down to discover them.

01 — Three.js

Interactive 3D object

A geometry distorted in real time by procedural noise, with a halo reacting to the viewing angle (fresnel effect). Move your mouse over the scene.

Typical use: flagship product, brand identity, memorable homepage.

02 — Three.js

Particles forming a word

Several thousand points reorganize themselves to spell out your company name, then scatter on hover before reforming.

Typical use: brand signature at the end of a page, "about" section, product name reveal.

03 — Three.js / ScrollTrigger

Scroll-driven 3D scene

The camera moves forward through a scene with depth as you scroll — a cinematic "tracking shot" effect. The area stays on screen for the duration of the journey: keep scrolling once you're inside it.

Continuez à défiler ↓
04 — Three.js

Interactive 3D product preview

Rotate this object with your mouse (or finger on mobile): it keeps spinning on release, then settles into a gentle idle rotation.

Typical use: flagship product showcase, configurator, e-commerce catalog (Custom plan).

05 — Interface

Modern photo gallery

Responsive grid with hover zoom and full-screen viewer on click — the component used by any restaurant, craftsperson or shop to showcase their work. Click a thumbnail.

06 — WebGL

Animated background (shader)

A "mesh gradient" generated and animated directly on the visitor's graphics card: lightweight, fluid, and never twice the same.

Typical use: hero section, offer banner, "about" section background.

07 — GSAP / ScrollTrigger

Timeline that draws itself on scroll

The line traces itself progressively as you scroll down the page, and each step lights up in turn — a way to tell a journey rather than stack blocks of text.

Typical use: presenting a method, a process, or the steps of a service.

  • 01 — Vous décrivez votre besoin
  • 02 — Nous cadrons le projet ensemble
  • 03 — Développement & validation
  • 04 — Mise en ligne sur votre-domaine.fr
  • 05 — Maintenance continue
08 — Lenis + GSAP ScrollTrigger

Horizontal rail driven by scroll

Classic vertical scrolling slides these cards horizontally, with Lenis's inertial smoothness — already active across this whole site. Text, visuals and mini-charts can coexist in the same rail. The area stays centered on screen for the duration of the journey: keep scrolling once you're inside it.

Catalogue produits

Parcourez des dizaines de références sans jamais quitter la page.

Portfolio de réalisations

Un projet par carte, façon galerie de studio créatif.

Trafic après une refonte

+184 %

en 6 mois, mesuré depuis le tableau de bord du client.

Témoignages clients

Faites défiler des avis un par un plutôt que de les empiler verticalement.

Galerie évènementielle

Une série de photos ou de moments forts à parcourir.

Continuez à défiler →
09 — Micro-interactions

Animated buttons

Two variants of the same principle: the magnetic effect, where the button slightly follows the cursor then returns to place, and the interactive gradient, where it’s the gradient that moves inside the button — without ever moving the button itself (used on the Offer page, where click precision matters more than motion). On mobile, a tap replays the effect.

Typical use: call-to-action buttons, navigation links, key clickable elements.

Magnetic effect
Interactive gradient
10 — SVG / ScrollTrigger

Growth chart that draws itself on scroll

The curve and area reveal themselves from left to right as you scroll. Hover over it (or touch it on mobile) to see each month's detail.

Typical use: key figures on the homepage, "about" page, client dashboard.

04080JanFévMarAvrMaiJuinJuilAoût68K

Like these effects? They’re included in the Business plan.

Let's see together which ones make sense for your business.

See the plans