-
Motion Design
Reflex Winkelmann – Landingpage Animationen
In einem kompakten Zeitraum von nur zwei Monaten entwickelten wir als dreiköpfiges Team einen vollständig responsiven, animierten Onepager für Reflex Winkelmann. Während sich meine Kolleg:innen um Design und Entwicklung der Seite kümmerten, war ich für die Umsetzung sämtlicher Animationen verantwortlich.
Für die technische Umsetzung kombinierten wir Adobe After Effects, das Bodymovin-Plugin und den LottieFiles Web Player. Ich animierte die Illustrationen, Zahlen und Pfeile sowie das Burger-Menü in Adobe After Effects. Im Anschluss exportierte ich die Animationen mit dem Bodymovin-Plugin als .json-Dateien. Mithilfe des LottieFiles Web Players konnte unser Entwickler die Animationen effizient einbinden und ohne großen Aufwand gezielt steuern.
-
-
-
-
-
-
In enger Abstimmung innerhalb des Projektteams wurde festgelegt, welche Animationen automatisch beim Eintritt in den Viewport abgespielt werden, welche scrollbasiert reagieren und welche erst durch Interaktion ausgelöst werden.
Das finale Ergebnis mit allen Animationen ist auf der folgenden Microsite live zu sehen 50.reflex.de
Zurück zu den Projekten