Website Redesign & Marketing Design. Von der visuellen Überarbeitung zum performanten Markenauftritt.

In meiner Rolle als Senior Designer trug ich bei Rocka Nutrition wesentlich zur digitalen Markenführung bei – mit dem Ziel, Nutzererlebnis und Conversion entlang der gesamten Customer Journey messbar zu verbessern. Der Fokus meiner Arbeit lag auf einem performanten Website-Redesign, datenbasiertem Marketing Design und kanalübergreifenden Assets, die Rockas Markenposition im Fitness- und Supplement-Segment weiter festigten.
Unternehmen
Rocka Sports GmbH
Zeitraum
2018 - 2021
Rolle
Senior Grafikdesigner | Product, UX/UI, Webdesign

Customer Journey verbessern durch datenbasiertes UX- und Marketing-Redesign

UX-basierte Shop-Optimierung

Konzeption eines nutzerzentrierten, conversion-optimierten Shopify-Shops auf Basis quantitativer Daten und qualitativer Customer Insights. Ziel war maximale Klarheit, einfache Orientierung und emotionale Aktivierung.

Modulares Designsystem für Skalierung und Konsistenz

Entwicklung eines UI-Systems mit wiederverwendbaren Komponenten für schnellere Umsetzungen, konsistente Designsprache und flexibles Handling durch das interne Team.

Conversion-orientierte Markenkommunikation

Visuelle Überarbeitung der Marke in enger Abstimmung mit Marketing & Sales – inklusive Ad-Assets, Newsletter-Templates und Packaging-Komponenten.

Social Media & Kampagnendesign

Gestaltung kanalübergreifender Assets für digitale Kampagnen, Content-Formate und Landingpages mit Performance-Fokus.

CRM & Retention Assets

Design von Templates und Modulen zur Stärkung der Kundenbindung – inkl. E-Mail-Marketing und personalisierten Produktansprachen.

UX-Driven Redesign mit Fokus auf Conversion und Brand Activation

Das Redesign des bestehenden Shopify-Shops war ein kollaborativer Prozess mit C-Level, Produkt und Marketing. Mithilfe von Nutzerdaten, Heatmaps und Shop-Analytics wurde eine neue modulare Seitenstruktur entwickelt, die klar auf Konversion und eine intuitive Nutzerführung ausgerichtet ist.

Schlüsselansatz:
Durch die Einführung modularer Collection Pages mit Storytelling-Ansatz wurde eine deutlich höhere Aktivierung erzielt. Die neuen Layouts funktionierten nicht nur informativ, sondern steuerten gezielt auf Abschluss. Landingpages, Icons und UI-Elemente wurden auf Conversion-Psychologie optimiert.

UX meets Business Goals:
Die neuen Designelemente haben nicht nur die Conversion-Rate signifikant gesteigert, sondern auch interne Prozesse verbessert – z. B. durch schnellere Iteration im Designsystem und höhere Wiederverwendbarkeit von Komponenten.

Übersicht, High-Fidelity Wireframes 01
Übersicht, High-Fidelity Wireframes 02
Website Redesign

Resultat

  1. +19 % Conversion Rate:
    Deutlich höhere Abschlussrate durch klarere Seitenstruktur, verbesserte Nutzerführung und Anwendung von Conversion-Design-Prinzipien.
  2. Verbesserte Markenwahrnehmung:
    Gezielte Designentscheidungen stärkten die visuelle Markenidentität und sorgten für Wiedererkennung auf Social Media, im Shop und in Ads.
  3. Effizientere Designprozesse durch Systematik:
    Einführung eines skalierbaren Designsystems in Adobe XD vereinfachte nicht nur das interne Handling, sondern reduzierte Produktionszeit signifikant.
  4. Engere cross-funktionale Zusammenarbeit:
    Das Designteam arbeitete eng mit Dev, Marketing und Sales – was Time-to-Market verkürzte und Qualität in der Umsetzung steigerte.
Durch die gezielte UX-Strategie wurde die gesamte Customer Journey messbar verbessert. Der neue Shop stärkte sowohl Markenwahrnehmung als auch wirtschaftliche KPIs – ein Beispiel dafür, wie Design gezielt zur Skalierung beitragen kann.

Brand Activation: Messekonzept für die FIBO Köln

Für Rocka Nutrition entwickelte ich das vollständige visuelle Messekonzept zur FIBO 2019 – von der gestalterischen Leitidee bis zur visuellen Umsetzung am Stand. Ziel war eine emotionale Markeninszenierung, die nicht nur Sichtbarkeit erzeugt, sondern gezielt Community-Engagement und Social-Media-Aktivierung fördert.

Das Konzept kombinierte ein auffälliges Standdesign mit verspielten Details, fotogenen Elementen (z. B. Interaktionsflächen, Hashtag-Walls) und einem klaren, markenkonformen Farbleitsystem. Besucher wurden zur Interaktion animiert, während gleichzeitig das Produktsortiment aufmerksamkeitsstark in Szene gesetzt wurde.

Die aktivierende Gestaltung und der reibungslose Ablauf vor Ort trugen maßgeblich dazu bei, dass Rocka den „Best Booth Award“ des Stack3d Magazins gewann – ein starkes Signal für gelungene Markenführung im Live-Marketing.

Social Media Activation: Adventskalender-Kampagne

Für die umsatzstarke Vorweihnachtszeit konzipierte ich gemeinsam mit den Performance- und Social-Media-Teams eine mehrstufige Content-Kampagne in Form eines interaktiven Adventskalenders.

Hinter jedem digitalen „Türchen“ verbarg sich ein personalisierter Videoclip, der exklusive Rabatte, Gewinnspiele oder markenstärkende Botschaften transportierte. Die Beiträge wurden kanalübergreifend auf Instagram und Facebook ausgespielt – perfekt abgestimmt auf Redaktionsplanung, Paid-Kampagnen und saisonale Peak-Traffic-Zeiten.

Ziel war es, Reichweite und Engagement organisch zu steigern, Sales zu pushen und gleichzeitig die Markenbindung durch unterhaltsames, wiedererkennbares Storytelling zu stärken. Der Kalender entwickelte sich zu einem der erfolgreichsten Content-Formate des Jahres.

Der Bildbereich rechts ist scrollbar und zeigt den kompletten Adventskalender.

Newsletter, CRM Marketing

Als Bestandteil der CRM-Strategie gestaltete ich wöchentlich Newsletter-Kampagnen, die sowohl visuell als auch konzeptionell überzeugen mussten. Die Mailings wurden im animierten Look & Feel der Marke designt und via Mailchimp ausgespielt.

Dank einer klaren Struktur, auffälligem Visual Design und aktionsgetriebenen Inhalten entwickelten sich die E-Mails zu einem der absatzstärksten Touchpoints von Rocka. Ich verantwortete Konzeption, Gestaltung und Content-Übersetzung in enger Abstimmung mit dem Performance-Team.

Der Bildbereich rechts ist scrollbar und zeigt den kompletten Newsletter.