Parcourir les catégories
Explorer
Fiverr Pro
Français
$
USD
Je vais créer un site web animé basé sur le défilement avec gsap et webgl
Ataberk
À propos de ce service
Traduction automatique
La plupart des sites défilent. Peu bougent.
Vous en percevez la différence dès que vous en visitez un. Une section reste en place pendant que l’histoire continue. Un produit tourne lorsque vous faites défiler et revient en arrière quand vous remontez. Le texte arrive au lieu d’apparaître.
C’est ce que je construis. Mouvement lié à la position de défilement, pas à une horloge, sections fixées, timelines défilantes, galeries horizontales contrôlées par le défilement vertical, révélations de texte masqué, WebGL quand l’idée le mérite.
Technologies : GSAP + ScrollTrigger, Lenis, Three.js, JS vanilla ou Next.js. Pas de constructeurs de pages, pas de modèles.
VOIR EN PREMIER
En cours ici : ataberkyildiz.netlify.app
Faites défiler. C’est le vrai travail, pas une maquette.
POURQUOI LA PLUPART DES SITES ANIMÉS ÉCHOUENT
Chaque élément a sa propre révélation, cinq effets sur un seul écran, et cela devient du bruit. Mouvement sans hiérarchie n’est que mouvement.
Je limite à deux ou trois mouvements signature par site, choisis pour l’histoire. Tout le reste reste immobile intentionnellement.
Chaque création inclut un budget de performance et un support complet pour la réduction du motion. Le mouvement doit sembler coûteux, pas coûter cher à exécuter.
AVANT DE COMMANDER
Envoyez-moi un site de référence que vous aimez. Je vous expliquerai comment il est construit et combien cela coûte réellement. C’est gratuit.
Respectez les droits des tiers
Veuillez noter qu’il est contraire aux politiques de Fiverr pour les freelances d’inclure des thèmes, des modèles ou tout autre élément d'autrui qui enfreint les droits de tiers ou les lois applicables pour les livrables. En savoir plus en lisant notre Guide pour une création numérique responsable.
Découvrez Ataberk
Ataberk
I build websites that move when you scroll
- DeTurquie
- Membre depuisjuil. 2026
- Temps de réponse moy.1 heure
Langues
Anglais
I build websites that make people stop scrolling - and then keep scrolling.
Pinned sections that hold while the story moves. Animation bound to scroll position, not to a clock. Smooth inertial scrolling, split-text reveals, horizontal galleries, WebGL scenes that react to the cursor.
Stack: GSAP + ScrollTrigger, Lenis, Three.js / React Three Fiber, Next.js.
Every build ships with a performance budget and reduced-motion support. Motion should feel expensive, not run expensive.
Send me a reference site you like and I'll tell you how it's built.
Traduction automatique
Mon portfolio
Autres services de Développement de sites Web I Offre
FAQ
Traduction automatique
Est-ce que cela fonctionnera sur mobile ?
Oui, et pas en réduisant la version desktop. Les séquences de défilement lourdes sont remplacées par des équivalents plus légers sur petits écrans — une scène WebGL fixée devient une composition statique avec une révélation simple. Un mouvement qui paraît haut de gamme sur un ordinateur portable peut sembler cassé sur un téléphone, donc ils sont conçus séparément.
Est-ce que toute cette animation ralentira mon site ?
Seulement si c’est mal fait. J’anime uniquement la transformation et l’opacité, qui restent hors du thread principal et n’activent pas le layout. Les assets sont dimensionnés et chargés paresseusement. Je réalise une vérification de performance sur Standard et Premium et je vous montrerai les chiffres.
Dois-je fournir du contenu et des images ?
Pour un meilleur résultat, oui — de vraies copies et de vraies photos surpassent toujours les placeholders. Si vous ne les avez pas encore, je peux construire avec des placeholders structurés et les échanger plus tard, mais un site n’est aussi bon que ce qu’il contient.
De quoi avez-vous besoin de ma part pour commencer ?
1. Un ou deux sites de référence que vous aimez 2. Votre contenu — texte et images, ou une note indiquant qu’ils arrivent 3. Les sections dont vous avez besoin 4. Où il sera hébergé C’est tout. Je reviendrai avec le plan de mouvement avant d’écrire du code.
Et si un visiteur a une sensibilité au mouvement ?
Chaque création respecte prefers-reduced-motion. Lorsqu’il est activé, le pinning et le scrubbing s’éteignent et le contenu reste immobile, complet et lisible. Ce n’est pas une option de dernière minute — c’est intégré dans la construction.
Utilisez-vous l’IA dans votre processus ?
Oui, comme outil — pour l’échafaudage et l’itération. La direction artistique, les décisions de mouvement et la finition finale sont les miennes, et chaque création est faite spécifiquement pour votre marque. Je peux vous expliquer précisément où cela est utilisé.
