Wenn ein Produktlaunch oder eine Markengeschichte den Scroll stoppen soll, beginnen Sie mit einer cineastischen Vorlage. Diese Designs nutzen Video-Heros, scrollgesteuertes 3D, Parallax und Glas-Oberflächen und liefern ein Erlebnis, das sonst Agenturbudgets vorbehalten ist. Sie passen zu Produktpräsentationen, Automobil- und Mobilitäts-Launches, Raumfahrt- und Wissenschaftsgeschichten, Energie- und Nachhaltigkeitsmarken und mutigen Portfolio-Projekten. Mit dem Draftly AI-Editor ändern Sie Headline, Bilder und Farbpalette, während die Animation weiter funktioniert. Veröffentlichen Sie auf Ihrer eigenen Domain und teilen Sie eine Website, die sich wie ein Filmtrailer anfühlt, in Minuten statt Monaten gebaut.
Tiefraum-Planetenuntersuchung – ein Planet skaliert unterhalb des sichtbaren Bereichs über den Viewport hinaus, Sie tauchen in einen scroll-gesteuerten Orbital-Überflug ein, mit vier Welten und harten Übergängen.
Sechsseitige Light-Studio-Produktseite für eine Elektromoped-Marke – schwebende UI-Karten, scroll-gesteuerter 360°-Drehteller, Explosionszeichnung-Sequenz, Live-Finish-Auswahl und Vorhang-Seitenübergänge.
Warmes redaktionelles Artefaktarchiv – eine Display-Serifenschrift teilt sich, Artefaktkarten fliegen in die Lücke, kollabieren zu einem scroll-gesteuerten Stapel von sieben Objekten vor einem vollflächigen architektonischen Abschluss.
Kinoreifer Automobil-Launch – eine Seidenstaubdecke hebt sich beim Scrollen vom Auto, gefolgt von einer Wüstenfahrt, bei der das Auto vor und hinter einer bildschirmgroßen Wortmarke vorbeifährt.
Ein Steinportal zu sechs Welten – der Bogen bleibt fix, während sich die Welt dahinter durch eine bogenförmige Maske ändert, die sich im Torbogen öffnet und dann über den Stein hinaus vollflächig wird.
Produktlaunch für eine autonome Mikro-Drohne – das Produkt landet in riesiger Schrift, entfaltet sich beim Scrollen mit kommentierten Callouts, die Seite wechselt mitten im Scrollen von dunkel zu hell.
Kuratiertes Hypercar-Marktplatz-Listing – fixierte Bühne, die zwischen Orbit-, Bay- und Push-Filmen des Enzo wechselt, dann ein Detailblatt mit Spezifikationen und Kontakt-Verkäufer-CTA.
Vollbild-dunkle KI-Landingpage mit CloudFront Hero-Video, 220px General Sans Überschrift, Indigo→Lila→Bernstein KI-Verlauf, Liquid-Glass-Navbar & Logo-Marquee und requestAnimationFrame Fade-Loop.
Premium Fintech Stablecoin-Landingpage auf #F5F5F5 mit TT Norms Pro, Hero-Video, Sparkarten, Unterstützer-Marquee und Commerce-Anwendungsfall-Panel.
Zwei sticky Vollbild-Sektionen mit GSAP Pill BubbleMenu, Maus-Trail SpotlightReveal über React-Player Video, Glas 78% Statistikkarte und Nike Swoosh Branding.
Vollbild-Solar-Hero mit Tag/Nacht-Themenumschalter, Pull-Down-Hintergrundübergang, Blur-Overlays, Outfit-Typografie und mobiler Navigationsschublade.
Grüner SaaS-Hero mit Neue Haas Grotesk Schrift, Canvas-Boomerang-Video-Hintergrund, Pill-Desktop-Navigation, gestaffelter mobiler Schublade und FluxEngine CTA-Block.
Vollbild-dunkle Kinofilm-Landingpage mit Cloudinary Hero-Video, zentrierter Überschrift, Liquid-Glass-Navbar und Premium Blur-Fade-Bewegung. Vite + React + Tailwind.
Siebenseitige Streaming-Mini-Website mit Vollbild-Kinofilm-Hero, CloudFront Video, unterer Hintergrund-Blur-Maske, Liquid-Glass-Chrome und BlurFadeUp-Stagger.
Hero für erneuerbare Energien mit Einzel-Viewport, CloudFront-Video, StaggeredFade-Überschrift, Liquid-Glass-Navbar und Wiedergabesteuerung, grünen Verlaufs-CTAs, Partner-Marquee und +37k Social Proof.
Marke für Sportschuhe mit GSAP-Pill-Bubble-Menü, Spotlight-Video-Masken und sieben Hash-gerouteten Seiten.
Ganzseitiger CloudFront-Video-Hintergrund, zentrierter Hero-CTA, Discover- und Mission-Scroll-Abschnitte und ein bewegungsanimierter Liquid-Glass-Footer mit Helvetica-Navigation.
Landingpage für Luftreiniger mit Canvas-Spotlight-Maske, Parallax-Grid-SVG, Pill-Navbar und mobilem Hamburger-Menü.
Erweiterte einseitige KI-Landingpage mit tabbed Hero-Overlays auf CloudFront-Video, fadeInUp-Bewegung, Logo-Marquee und Scroll-verknüpfter Navigation (Solutions, For Teams, About, Learn Hub). Vite + React + Tailwind.
Dunkelviolette Landingpage (#08020e) mit Parallax-Hero-Video, Dashboard-Mock (Chat + Live-Vorschau), Gras-Vordergrund, Liquid-Glass-Navigation, Material Symbols und Framer-Motion-Scroll-Transformationen.
500vh Scroll-Scrubbed Mux HLS-Hero mit Dirtyline ScrollFloat-Typ, Glas-Über-uns-Panel mit 3D-Parallax und Brand-Marquee und GSAP PillNav Liquid-Fill-Navigation.
Sechs-Abschnitt-Black-Scroll-Landingpage für eine Elektro-Wohnmobil-Marke: Instrument Serif + Inter, Liquid-Glass-CTAs, CloudFront-Hero-/Feature-/CTA-Videos, Mux HLS-Statement-Abschnitt und Fade-Rise-Bewegung.
Helle Einzelseiten-Landingpage mit abgerundetem CloudFront-Video-Hero, Outfit-Überschrift, svgl-Logo-Marquee, schwebender Glas-Dock-Navigation und Scroll-Abschnitte für Features, Ecosystem, Docs und Contact. Vite + React + Tailwind v4 + motion.
Ja. Der Editor ändert Text, Farben und Medien und lässt Scroll- und Videoeffekte unangetastet.
Sie sind responsiv und optimiert, aber umfangreiche Videos können bei schwacher Verbindung langsamer laden. Im Assets-Panel können Sie Medien austauschen oder kürzen.
Ja. Laden Sie Ihre eigenen Videos und Bilder im Assets-Panel hoch.