Door categorieën bladeren
Ontdekken
Fiverr Pro
Nederlands
$
USD
Ik maak een moderne geanimeerde landingspagina met gsap en webgl
Ataberk
Over deze dienst
Automatische vertaling
De meeste websites scrollen. Sommige bewegen.
Je merkt het verschil meteen als je op een website landt. Een sectie blijft staan terwijl het verhaal doorgaat. Een product draait mee terwijl je scrolt en draait terug als je omhoog scrolt. Tekst arriveert in plaats van te verschijnen.
Dat is wat ik maak: beweging gekoppeld aan scrollpositie, niet aan een klok. Vastgezette secties, gescrubde tijdlijnen, horizontale galerijen aangedreven door verticale scroll, gemaskerde tekstvertoningen en WebGL wanneer het idee het verdient.
STACK
GSAP + ScrollTrigger, Lenis, Three.js, vanilla JS of Next.js. Geen page builders. Geen templates.
ZIEN VOOR JE HET GEBEURT
Dit draait hier: ataberkyildiz.netlify.app
Scroll erdoorheen. Dat is het echte werk, geen mockup.
WAAROM DE MEESTE GEANIMEERDE SITES FOUT GAAN
Elk element krijgt zijn eigen reveal, vijf effecten stapelen zich op één scherm, en het leest als ruis. Beweging zonder hiërarchie is gewoon beweging.
Ik werk met een limiet: twee of drie signature moves per site, gekozen voor het verhaal. Alles wat niet nodig is, blijft stil opzettelijk.
Elke build wordt geleverd met een performance budget en ondersteuning voor reduced-motion. Beweging moet duur aanvoelen, niet duur maken.
VOORDAT JE BESTELT
Stuur me een referentiesite die je mooi vindt. Ik vertel je hoe ik het zou bouwen en wat het echt nodig heeft. Dat is gratis.
Respecteer de rechten van derden
Let erop dat het tegen het beleid van Fiverr voor freelancers is om thema's, templates of andere elementen in het geleverde werk op te nemen die inbreuk maken op de rechten van derden of toepasselijke wetten. Lees er meer over in onze Gids voor verantwoorde digitale creatie.
Maak kennis met Ataberk
Ataberk
I build websites that move when you scroll
- Afkomstig uitTurkije
- Lid sindsjul 2026
- Gem. reactietijd1 uur
Talen
Engels
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.
Automatische vertaling
Mijn portfolio
Veelgestelde vragen
Automatische vertaling
Werkt het op mobiele apparaten?
Ja, en niet door de desktopversie te verkleinen. Zware scroll-sequenties worden vervangen door lichtere equivalenten op kleine schermen — een vastgezette WebGL-scène wordt een statische compositie met een eenvoudige reveal. Beweging die premium aanvoelt op een laptop, voelt gebroken op een telefoon, dus worden ze apart ontworpen.
Zal al deze animatie mijn site vertragen?
Alleen als het slecht is gebouwd. Ik animeer transform en opacity exclusief, die blijven van de hoofdthread en triggeren geen layout. Assets worden geschaald en lazy-loaded. Ik voer een performance check uit op Standard en Premium en laat je de cijfers zien.
Moet ik inhoud en afbeeldingen aanleveren?
Voor het beste resultaat, ja — echte copy en echte fotografie overtreffen altijd placeholders. Als je ze nog niet hebt, kan ik werken met gestructureerde placeholders en ze later vervangen, maar een site is slechts zo goed als wat erin zit.
Wat heb je van mij nodig om te beginnen?
1. Een referentiesite of twee die je mooi vindt 2. Je content — tekst en afbeeldingen, of een notitie dat ze komen 3. Welke secties je nodig hebt 4. Waar het gehost wordt Dat is alles. Ik kom terug met het motion plan voordat ik code schrijf.
Wat als een bezoeker gevoelig is voor beweging?
Elke build respecteert prefers-reduced-motion. Als dat aanstaat, schakelen pinnen en scrubbing uit en blijft de content stil, compleet en volledig leesbaar. Het is geen afterthought — het is onderdeel van de build.
Gebruik je AI in je proces?
Ja, als een tool — voor scaffolding en iteratie. De art direction, motion beslissingen en de uiteindelijke craft zijn van mij, en elke build wordt specifiek voor jouw merk gemaakt. Ik vertel je graag precies waar het wordt gebruikt.
