Phase 01 — Grundstück
Vom Grundstück zum Zuhause.
01 — Das Grundstück
Jedes Zuhause beginnt mit einer Vision.
02 — Der Bau
Handwerk, das man sieht.
03 — Ihr Zuhause
Schlüsselfertig übergeben.
Scrollen ↓
Hausbau
Hausbau-Sequenz
Vom leeren Grundstück zum fertigen Haus.
Die klassische Scroll-Hero-Animation von DigifyNow: Beim Scrollen baut sich ein modernes Haus auf — vom Grundstück über den Rohbau bis zur Schlüsselübergabe, Frame für Frame.
Genau diese Technik steckt auch hinter unseren anderen Beispielen — hier in ihrer ursprünglichen Form als Bau-Sequenz.
151
Einzel-Frames
3
Bauphasen
60 fps
flüssig gescrubbt
Die Bauphasen
Drei Phasen, ein Scroll.
Was beim Scrollen fließend ineinander übergeht — hier als einzelne Etappen.
Phase 02 — Rohbau
Struktur wächst
Phase 03 — Fertig
Schlüsselfertig
So funktioniert’s
Die Technik hinter dem Scroll.
Derselbe Motor, der auch die anderen Beispiele antreibt.
Frame für Frame
Aus einem Video werden Einzelbilder extrahiert und beim Scrollen exakt gegen die Scroll-Position abgespielt.
Canvas statt Video
Alle Frames werden vorgeladen und auf ein Canvas gezeichnet — flüssig auch auf dem iPhone, ohne Video-Ruckeln.
Scroll-gesteuert
GSAP ScrollTrigger pinnt den Hero und mappt den Scroll-Fortschritt auf den Frame-Index — vor- und zurückscrollbar.
Kontakt
So eine Animation für Ihre Marke?
Ob Baufortschritt, Vorher/Nachher oder Produktstory — wir bauen die passende Scroll-Animation für Ihre Website.