Ich werde eine 3D-animierte Webflow-Website mit threejs und gsap entwerfen


Über diesen Service
Automatische Übersetzung
Hebe dich von der Masse ab mit einer Website, die bewegt. Ich entwerfe und baue mitreißende Webflow-Seiten, die interaktive 3D-Szenen (Three.js) mit fließend scroll-gesteuerten Animationen (GSAP) verbinden – ohne Geschwindigkeit oder SEO zu opfern.
Was du bekommst
- Individueller 3D-Heldenbereich: schwebende Objekte, Produktmodelle, Partikel oder Shader-Effekte
- Scroll-gesteuerte Animationen, Seitenübergänge und Micro-Interactions (GSAP + ScrollTrigger)
- 3D-Elemente, die auf Maus und Cursor reagieren
- Vollständig responsive Build, mit leichtem 3D-Fallback auf dem Mobilgerät
- Optimierte Modelle (GLB/GLTF) für schnelle Ladezeiten
- Saubere Webflow CMS-Einrichtung, damit du Inhalte selbst bearbeiten kannst
- Cross-Browser getestet (Chrome, Safari, Firefox, Edge)
Was ich von dir brauche
- Branding-Assets (Logo, Farben, Schriftarten) und Textinhalt
- Ein 3D-Modell oder Referenz (oder ich erstelle dir ein einfaches)
- Inspiration-Links, falls vorhanden
Warum mit mir arbeiten
- Design und Entwicklung aus einer Hand, kein reiner Übergabepunkt
- Performance-Fokus: 3D, das deine Lighthouse-Werte nicht einbrechen lässt
- Klare Kommunikation und termingerechte Lieferung
Schreib mir vor der Bestellung mit deiner Projektidee, und ich bestätige dir gleich das passende Paket.
Bevorzugte Lieferart
Bitte informiere den Freelancer über alle Präferenzen oder Bedenken in Bezug auf den Einsatz von KI-Tools bei der Ausführung und/oder Lieferung deines Auftrags.
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 Daniel kennen
Wordpress and wix Expert
- AusGroßbritannien
- Mitglied seitMärz 2026
- ⌀ Antwortzeit1 Stunde
Sprachen
Deutsch, Englisch, Spanisch, Französisch, Italienisch, Georgisch
Automatische Übersetzung
FAQ
Automatische Übersetzung
Kannst du mit meiner bestehenden Webflow-Seite arbeiten, oder brauche ich eine neue?
Beides. Ich kann 3D- und GSAP-Animationen zu einem bestehenden Webflow-Projekt hinzufügen oder eine neue Seite von Grund auf neu erstellen.
Muss ich das 3D-Modell bereitstellen?
Nicht zwingend. Wenn du ein GLB/GLTF-Modell hast, optimiere und integriere ich es. Falls nicht, erstelle ich einfache 3D-Elemente (Formen, Partikel, abstrakte Objekte) oder arbeite von einer Referenz aus. Komplexes individuelles Modeling (detaillierte Produkte, Charaktere) wird separat angeboten.
Wie funktioniert Three.js inside Webflow?
Ich bette die 3D-Szene mit benutzerdefiniertem Code ein (ein Canvas plus ein gehostetes Script) und verbinde sie mit deinem Webflow-Layout und GSAP-Animationen. Das Design bleibt im Webflow Designer vollständig bearbeitbar.
Verlangsamt das 3D meine Website?
Ich optimiere Modelle, komprimiere Texturen und lade schwere Assets erst lazy, damit die Ladezeiten niedrig bleiben. Auf Mobilgeräten und bei wenig Leistung serviere ich eine leichtere 3D-Version oder eine statische Fallback-Version.
Kann ich den Inhalt nach der Lieferung selbst bearbeiten?
Ja. In den Pro- und Premium-Paketen werden Texte, Bilder und Blog- oder Portfolio-Items im Webflow CMS eingerichtet, damit du sie ohne Code-Veränderungen aktualisieren kannst. Die 3D-Szene bleibt fest, es sei denn, du orderst Änderungen.
Welchen Webflow-Plan brauche ich?
Für benutzerdefinierten Code benötigst du einen kostenpflichtigen Webflow Site-Plan (oder einen Workspace-Plan mit Code-Export). Ich bestätige dir vor Start, was zu deinem Projekt passt.
Kannst du ein Design umsetzen, das ich schon habe (Figma etc.)?
Ja. Sende mir deine Figma-Datei oder Referenzen und ich richte mich danach ein, füge die 3D- und Animationsschichten hinzu.
Ist 3D schlecht für SEO?
Ganz und gar nicht, wenn es richtig gemacht wird. Textinhalt bleibt in standard Webflow-Elementen, die Suchmaschinen lesen können, und die 3D-Szene ist rein visuell. Pro und Premium beinhalten Geschwindigkeit und SEO-Optimierung.
