-
UI/UX
HABA Play – Landingpage Animationen
Neben dem Redesign der E-Commerce-Plattformen der HABA Familygroup wurde die Medienwerft GmbH beauftragt, innerhalb kürzester Zeit eine aufmerksamkeitsstarke Landingpage für das neue Brettspiel Käpt’n Pepe zu gestalten, die von der HABA-Inhouse-Entwicklung umgesetzt werden sollte.
Um der Seite mehr Leben einzuhauchen, schlug ich vor, sie mit Lottieanimationen zu erweitern. LottieFiles ermöglicht es, vektor- und rasterbasierte Animationen extrem performant und verlustfrei auf jeder Bildschirmgröße abzuspielen. Zudem lassen sich die Animationen im JSON-Format von Entwicklerinnen und Entwicklern besonders einfach integrieren und präzise steuern.
-
-
-
-
-
-
Während mein Teammitglied das Grunddesign der Seite erstellte, war ich eng in den Gestaltungsprozess eingebunden, brachte zahlreiche Ideen ein und übernahm anschließend die Umsetzung aller Animationen. Bereits nach einer Woche waren zehn Animationen fertiggestellt und intern abgestimmt. Die Integration durch das HABA Entwicklerteam erfolgte innerhalb eines einzigen Tages, obwohl zuvor niemand aus dem Team mit Lottie gearbeitet hatte.
Durch die enge Zusammenarbeit zwischen Design, Animation und Entwicklung konnte die Käpt'n Pepe Landingpage rechtzeitig zum Release des Spiels fertiggestellt werden. Das Projekt diente als Pilot für den Einsatz von Lottieanimationen bei HABA und bildete die Grundlage dafür, dass diese Technologie später auch auf den E-Commerce-Plattformen der HABA Familygroup eingesetzt wurde.
Zurück zu den Projekten