back
Project
Sports Drink Launch+ Landingpage
Daniel Peters
UX & UI Designer
VIEW GALLERY
Für das neue Sportgetränk sollte eine Kampagnen Landingpage entstehen, die Produktlaunch und Gewinnspiel verbindet.
Die vorhandene Seite war stark textlastig, orientierte sich an einer klassischen Produktdarstellung und wirkte eher statisch.
Der sportliche Charakter des Getränks und der Gänsehauteffekt der Kampagne kamen nur begrenzt rüber.
Ziel war es, die Marke emotionaler zu inszenieren und gleichzeitig das Gewinnspiel als klares Conversion Ziel zu platzieren.
Die Call to Actions waren bisher nicht konsequent geführt.
Das Formular wurde visuell nicht als zentrales Ziel erlebt, sondern eher als Zusatz.
Gleichzeitig gab es klare technische Rahmenbedingungen durch das bestehende Typo3 System und ein begrenztes Budget.
Aufwendige Speziallösungen sollten vermieden werden.
Gesucht war eine Lösung, die visuell stark wirkt, sich aber realistisch umsetzen lässt.
Im ersten Schritt habe ich eine neue Struktur für die Landingpage skizziert.
Im Fokus standen:
Dabei habe ich darauf geachtet, dass Nutzer aus mehreren Bereichen direkt zum Gewinnspiel geführt werden, ohne sich zu verirren.
Die Struktur habe ich als Draft in Figma angelegt und mit der Marketingleitung abgestimmt.
Parallel haben wir untersucht, wie sich das Produkt visuell besonders stark inszenieren lässt.
Ich habe zunächst eine 3D Einbindung der Flasche mit Tools wie Spline getestet.
Technisch war das machbar, die Darstellung von Glas, Reflexionen und Flüssigkeit blieb jedoch hinter dem Anspruch der Marke zurück.
Daraufhin habe ich eine natürliche Wassersimulation als Bildwelt vorgeschlagen.
Ich habe einen heroischen Key Shot und mehrere Produkt Close Ups geplant, die das Getränk in Bewegung zeigen.
Diese Visuals wurden als kurze Videos und Stills umgesetzt und später in die Landingpage integriert.
Die Landingpage wurde so gestaltet, dass der Hero Bereich, die Claims und das Gewinnspiel in einem klaren Flow liegen.
Ein zentraler Abschnitt zeigte mehrere Slides mit:
Der Call to Action und das Gewinnspielformular wurden so platziert, dass sie aus verschiedenen Scrollpositionen erreichbar sind.
Buttons, Farbkontraste und Wiederholungen des CTA habe ich bewusst konsistent gestaltet, um die Conversion zu unterstützen.
Ich habe die Entwürfe für Hero, Bildwelt und Landingpage Layout vorbereitet und mit der Marketingleitung abgestimmt.
Inhaltliche Rückmeldungen aus Kundenterminen wurden direkt von mir in Figma eingearbeitet.
Die Marketingleitung war formale Ansprechpartnerin, ich habe jedoch die operative Konzeption, Vorbereitung der Besprechungen und die Ausarbeitung der Designs übernommen.
So konnte ich inhaltliche, visuelle und strukturelle Entscheidungen eng mit dem Kunden abstimmen, ohne die formale Rolle im Organigramm zu verändern.
Das Ergebnis ist eine Kampagnen Landingpage, die das Sportgetränk deutlich emotionaler inszeniert als zuvor.
Die Kombination aus heroischer Wassersimulation, Produktslides und klaren Claims transportiert Sportlichkeit, Frische und den exotischen Charakter der Maracuja Sorte.
Die neue Bildwelt hebt das Produkt sichtbar hervor.
Nutzer erleben das Getränk als zentrales Element der Seite und nicht als Beiwerk zu langen Textblöcken.
Durch die neu strukturierte Seite mit wiederkehrenden CTAs und einem gut erreichbaren Gewinnspielformular rückt die Conversion klar in den Mittelpunkt.
Nutzer werden von Hero, Produktvorteilen und Bildwelt aus immer wieder zum Gewinnspiel geführt.
Die Marketingleitung und der Kunde waren mit der Kombination aus Bildwelt, Struktur und Conversion Logik sehr zufrieden.
Die Landingpage wurde als sichtbare Weiterentwicklung der bestehenden Kampagnenfläche wahrgenommen und als Basis für die Markteinführung des neuen Sportgetränks genutzt.
