Door categorieën bladeren
Ontdekken
Fiverr Pro
Nederlands
$
USD
Ik bouw een scroll-gedreven geanimeerde website met gsap en webgl
Ataberk
Over deze dienst
Automatische vertaling
MEERDERHEID websites scrollen. Enkele bewegen.
Je merkt het verschil zodra je op een site landt. Een sectie blijft staan terwijl het verhaal doorgaat. Een product draait terwijl je scrolt en draait terug als je omhoog scrolt. Type verschijnt in plaats van te verschijnen.
Dat is wat ik bouw. Beweging gekoppeld aan scrollpositie, niet aan een klok. Gedeelten vastgezet, gescrubde timelines, horizontale galleries aangedreven door verticale scroll, gemaskerde tekst die onthult, WebGL wanneer het idee het verdient.
Stack: GSAP + ScrollTrigger, Lenis, Three.js, vanilla JS of Next.js. Geen page builders, geen sjablonen.
ZIEN IS GELOVEN
Bekijk het hier: ataberkyildiz.netlify.app
Scroll erdoorheen. Dat is het echte werk, geen mockup.
WAAROM DE MEESTE geanimeerde sites falen
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.
Dus werk ik 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 volledige ondersteuning voor reduced-motion. Beweging moet luxe voelen, niet duur zijn om te draaien.
VOORDAT JE BESTELT
Stuur me een referentiesite die je mooi vindt. Ik vertel je hoe hij is gebouwd en wat het echt kost. 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
Andere Website development diensten die ik aanbied
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.
