Kategorien durchsuchen
Entdecken
Fiverr Pro
Deutsch
$
USD
Ich werde dir eine scrollgesteuerte animierte Website mit gsap und webgl bauen
Ataberk
Über diesen Service
Automatische Übersetzung
Die meisten Websites scrollen. Wenige bewegen sich.
Der Unterschied ist sofort erkennbar, wenn du auf eine landest. Ein Abschnitt bleibt stehen, während die Geschichte weitergeht. Ein Produkt dreht sich beim Scrollen und kehrt zurück, wenn du nach oben scrollst. Statt zu erscheinen, erscheint der Typ.
Genau das baue ich. Bewegung, die an die Scrollposition gebunden ist, nicht an eine Uhr. Pinned Sections, gescrubte Timelines, horizontale Galerien, die durch vertikales Scrollen gesteuert werden, Maskentexte, die sich offenbaren, WebGL, wenn die Idee es verdient.
Stack: GSAP + ScrollTrigger, Lenis, Three.js, Vanilla JS oder Next.js. Keine Page-Builder, keine Templates.
SEH ES ZUERST
Hier läuft es: ataberkyildiz.netlify.app
Scroll es. Das ist die eigentliche Arbeit, kein Mockup.
WARUM DIE MEISTEN ANIMIERTEN SEITEN SCHEITERN
Jedes Element bekommt seine eigene Enthüllung, fünf Effekte stapeln sich auf einem Bildschirm, und es wirkt wie Rauschen. Bewegung ohne Hierarchie ist nur Bewegung.
Deshalb arbeite ich mit einem Limit: Zwei oder drei Signature Moves pro Seite, ausgewählt für die Geschichte. Alles andere bleibt absichtlich still.
Jeder Bau kommt mit einem Performance-Budget und voller Reduced-Motion-Unterstützung. Bewegung sollte teuer wirken, nicht teuer laufen.
BEVOR DU BESTELLST
Sende mir eine Referenzseite, die dir gefällt. Ich sage dir, wie sie gebaut ist und was sie wirklich kostet. Das ist kostenlos.
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne Ataberk kennen
Ataberk
I build websites that move when you scroll
- AusTürkei
- Mitglied seitJuli 2026
- ⌀ Antwortzeit1 Stunde
Sprachen
Englisch
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 Übersetzung
Mein Portfolio
Meine weiteren Dienstleistungen im Bereich Website-Entwicklung
FAQ
Automatische Übersetzung
Funktioniert es auf dem Handy?
Ja, und nicht durch Verkleinerung der Desktop-Version. Heavy Scroll-Sequenzen werden auf kleinen Bildschirmen durch leichtere Äquivalente ersetzt — eine fixierte WebGL-Szene wird zu einer statischen Komposition mit einfacher Enthüllung. Bewegung, die auf einem Laptop hochwertig wirkt, wirkt auf einem Telefon gestört, deshalb werden sie separat gestaltet.
Verlangsamt all diese Animation meine Seite?
Nur wenn sie schlecht gebaut ist. Ich animiere ausschließlich Transform und Opacity, die auf dem Haupt-Thread bleiben und kein Layout triggern. Assets sind size-optimiert und lazy-loaded. Ich mache eine Performance-Überprüfung bei Standard und Premium und zeige dir die Zahlen.
Muss ich Inhalte und Bilder bereitstellen?
Für das beste Ergebnis ja — echtes Copy und echte Fotos schlagen Platzhalter immer. Wenn du sie noch nicht hast, kann ich mit strukturierten Platzhaltern bauen und sie später austauschen, aber eine Seite ist nur so gut wie das, was drin ist.
Was brauchst du von mir, um anzufangen?
1. Eine Referenzseite oder zwei, die dir gefallen 2. Dein Content — Text und Bilder, oder eine Notiz, dass sie kommen 3. Welche Sektionen du brauchst 4. Wo sie gehostet wird Das war's. Ich komme mit dem Motion-Plan, bevor ich Code schreibe.
Was, wenn ein Besucher motion-sensitiv ist?
Jeder Bau respektiert prefers-reduced-motion. Wenn aktiviert, schalten Pinning und Scrubbing ab, und der Inhalt bleibt still, vollständig und gut lesbar. Es ist kein Afterthought — es ist Teil des Baus.
Verwenden Sie KI in Ihrem Prozess?
Ja, als Werkzeug — für Gerüstbau und Iteration. Die künstlerische Leitung, Motion-Entscheidungen und das finale Handwerk sind meine, und jeder Bau wird speziell für deine Marke gemacht. Gerne erkläre ich dir genau, wo es verwendet wird.
