Philipp Fischer UX/UI Teamlead

Arbeiten

Kontakt

Arbeiten

Kontakt

Arbeiten

Kontakt

Arbeiten

Kontakt

Marke

Affenzahn

Rolle

UX/UI Design · Konzept · Stakeholder Management · Frontend-Development · Qualitätskontrolle

Ergebnis

Scrolltiefe Ø 78 %
Interaktion mit Info-Bubbles ca. 14 % der Besucher
Newsletter Conversion Rate ~6,5 %

Interaktive Scroll-Experience zum Produktlaunch

Zum Launch des ersten Affenzahn Laufrads entstand eine Microsite, die gezielt Neugier und Markenbindung erzeugen sollte. Durch stark visuelle Inhalte, interaktive Info-Bubbles und eine lineare Scrollführung wurden die wichtigsten Produktfeatures emotional inszeniert. Ziel war es, Nutzer zur Interaktion zu motivieren und gleichzeitig Leads über ein Newsletter-Formular zu generieren.

Launch‑
Journey

Launch mit Scroll-Drive

Die Microsite wurde als linearer Scrollflow konzipiert, um Nutzer vom ersten Scroll bis zum Conversion-Punkt mitzunehmen. Ziel war es, Neugier zu erzeugen, Produktfeatures zugänglich zu machen und die Scrolltiefe systematisch zu erhöhen.

Launch‑
Journey

Launch mit Scroll-Drive

Interaktive Farbwahl im Einstieg

Bereits im Hero lassen sich unterschiedliche Rahmenfarben direkt ausprobieren. Die erste Interaktion findet damit unmittelbar nach Einstieg statt – ein Einstiegspunkt in die Produktwelt über Designoptionen.

Color Switch

Interaktive Farbwahl im Einstieg

Color Switch

Feature-Bubbles mit Aha-Effekt

Mittels klickbarer Info-Bubbles rund um das Produktbild werden die technischen Besonderheiten des Laufrads spielerisch vermittelt. Die Reihenfolge der Interaktion war dabei nicht vorgegeben – Nutzer konnten selbst entscheiden, was sie interessiert.

Feature‑
Reveal

Materialität erlebbar gemacht

Ein spezieller Abschnitt thematisiert den innovativen Rahmen – gegossen statt geschweißt. Per Klick öffnet sich eine kurze Animation des Querschnitts und zeigt den Unterschied zur klassischen Bauweise.

Material‑Einblick

Material‑
Einblick

Materialität erlebbar gemacht

Material‑Einblick

Pre‑LaunchAnmeldung

Interesse in Leads verwandeln

Am Seitenende lud ein gezielter Call-to-Action zur Launch-Anmeldung ein. Als Anreiz wurde exklusiver Pre-Launch-Zugang versprochen. Ziel war es, interessierte Nutzer zu erfassen und gleichzeitig ein Gefühl für die Nachfrage vor dem Marktstart zu gewinnen.