Ich erstelle eine moderne animierte Landingpage mit GSAP und WebGL


Über diesen Service
Automatische Übersetzung
Die meisten Websites scrollen. Einige bewegen sich.
Du erkennst den Unterschied sofort, wenn du auf eine landest. Ein Abschnitt hält, 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.
Das ist, was ich baue: Bewegung, die an die Scrollposition gebunden ist, nicht an eine Uhr. Fixierte Abschnitte, geschobene Zeitachsen, horizontale Galerien, die durch vertikales Scrollen gesteuert werden, maskierte Textenthüllungen und WebGL, wenn die Idee es verdient.
STACK
GSAP + ScrollTrigger, Lenis, Three.js, Vanilla JS oder Next.js. Keine Page-Builder. Keine Templates.
ERLEBE 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 erhält seine eigene Enthüllung, fünf Effekte stapeln sich auf einem Bildschirm, und es wirkt wie Rauschen. Bewegung ohne Hierarchie ist nur Bewegung.
Ich arbeite mit einem Limit: zwei oder drei charakteristische Bewegungen pro Seite, ausgewählt für die Geschichte. Alles andere bleibt absichtlich still.
Jeder Bau wird mit einem Performance-Budget und Unterstützung für reduced-motion geliefert. Bewegung sollte teuer wirken, nicht teuer laufen.
BEVOR DU BESTELLST
Schick mir eine Referenzseite, die dir gefällt. Ich sage dir, wie ich sie bauen würde und was sie wirklich braucht. 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
I build websites that move when you scroll
- AusTürkei
- Mitglied seitJuli 2026
- ⌀ Antwortzeit1 Stunde
Sprachen
Englisch
Automatische Übersetzung
Mein Portfolio
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.

