Chacune correspond à une option réellement disponible sur votre futur site (voir la formule Business). Faites défiler pour les découvrir.
Une géométrie distordue en temps réel par un bruit procédural, avec un halo qui réagit à l'angle de vue (effet fresnel). Bougez la souris au-dessus de la scène.
Utilisation typique : produit phare, identité de marque, page d'accueil mémorable.
Plusieurs milliers de points se réorganisent pour dessiner le nom de votre entreprise, puis se dispersent au survol avant de se reformer.
Utilisation typique : signature de marque en fin de page, section « à propos », révélation d'un nom de produit.
La caméra avance dans une scène en profondeur au fil de votre défilement — un effet « travelling » cinématique. La zone reste à l'écran le temps du trajet : continuez de faire défiler une fois entré dedans.
Faites pivoter cet objet à la souris (ou au doigt sur mobile) : il continue sur sa lancée une fois relâché, puis reprend une rotation douce au repos.
Utilisation typique : présentation d'un produit phare, configurateur, catalogue e-commerce (formule Sur-mesure).
Grille responsive avec zoom au survol et visionneuse plein écran au clic — le composant qu'utilise n'importe quel restaurant, artisan ou boutique pour présenter son travail. Cliquez sur une vignette.
Un dégradé « mesh gradient » généré et animé directement sur la carte graphique du visiteur : léger, fluide, et jamais deux fois identique.
Utilisation typique : section héro, bannière d'offre, arrière-plan de section « à propos ».
Le trait se trace progressivement à mesure que vous faites défiler la page, et chaque étape s'illumine à son tour — une manière de raconter un parcours plutôt que d'empiler des blocs de texte.
Utilisation typique : présentation d'une méthode, d'un processus, ou des étapes d'un service.
Le défilement vertical classique fait glisser ces cartes à l'horizontale, avec la fluidité inertielle de Lenis — déjà actif sur l'ensemble de ce site. Textes, visuels et mini-graphiques peuvent cohabiter dans le même rail. La zone reste centrée à l'écran le temps du trajet : continuez de faire défiler une fois entré dedans.
Parcourez des dizaines de références sans jamais quitter la page.
Un projet par carte, façon galerie de studio créatif.
en 6 mois, mesuré depuis le tableau de bord du client.
Faites défiler des avis un par un plutôt que de les empiler verticalement.
Une série de photos ou de moments forts à parcourir.
Deux variantes du même principe : l’effet magnétique, où le bouton suit légèrement le curseur puis revient en place, et le gradient interactif, où c’est le dégradé qui se déplace à l’intérieur du bouton — sans jamais déplacer le bouton lui-même (utilisé sur la page Offre, où la précision du clic compte davantage que le mouvement). Sur mobile, un tap rejoue l’effet.
Utilisation typique : boutons d'appel à l'action, liens de navigation, éléments cliquables clés.
La courbe et l'aire se révèlent de gauche à droite au fil du défilement. Survolez-la (ou touchez-la sur mobile) pour voir le détail de chaque mois.
Utilisation typique : chiffres clés de la page d'accueil, page « à propos », tableau de bord client.