Senior UI/UX Designer & Art Director | E-Commerce, Conversion, Motion

Als digitaler Art Director der Medienwerft GmbH habe ich für den Kunden HABA Familygroup bei dem Redesign der 3 Webshops HABA-Pro, HABA-Play und JAKO-O unterstützt. Zusätzlich war ich für die Konzeption und Umsetzung der Animationen der Käpt’n Pepe Landingpage verantwortlich.

Webshop-Redesigns
Im Zuge der Webshop-Relaunches von HABA Pro, HABA Play und JAKO-O war ich verantwortlich für die visuelle und funktionale Weiterentwicklung der zentralen Shop-Komponenten. Zu meinen Aufgaben zählten:

• die Gestaltung moderner, responsiver und barrierefreier UI-Komponenten, die auf den Prinzipien des Atomic Designs basieren,
• die Optimierung der User Experience in Schlüsselsektionen wie Produktdetailseiten, Checkout und Kundenprofil,
• sowie die aktive Mitgestaltung und Pflege von drei dedizierten Designsystemen.

Animationen für die Käpt’n Pepe Landingpage
Die Animationen habe ich innerhalb kürzester Zeit mit Adobe After Effects entwickelt und mithilfe von Bodymovin und LottieFiles für die Webintegration bereitgestellt. So entstanden leichtgewichtige, interaktive Elemente, die direkt auf der Landingpage eingebunden sind: https://kaeptn-pepe.haba-play.com/de-de/

Genauere Fragen zu meinen Aufgaben für HABA beantworte ich gerne in einem persönlichen oder digitalen Gespräch.

Während meiner Zeit als Junior Art Director und später als Art Director bei der Medienwerft GmbH habe ich Ernsting’s family bei der laufenden Optimierung ihres B2C Webshops und ihrer App unterstützt. Dazu habe ich:

• bestehende UI-Komponenten überarbeitet und neue Elemente gestaltet,
• Animationen konzipiert und umgesetzt, um Nutzerfeedback und Übergänge visuell zu unterstützen,
• sowie auf Basis von Nutzungsdaten gezielte UX-, sowie UI-Verbesserungen an verschiedenen Stellen angestoßen.

Weitere Fragen zu meiner Arbeit für Ernsting’s family beantworte ich gerne in einem persönlichen oder digitalen Gespräch.

Während meiner Zeit als festangestellter Art Director bei der Medienwerft GmbH war ich für eine Vielzahl an Designprojekten im B2B- und B2C-E-Commerce verantwortlich. Mein Aufgabenbereich umfasste unter anderem:

• Redesigns von Webseiten und Webshops (B2B & B2C)
• Erstellung und Pflege von (Sub-) Atomic Design Systemen
• Motion Design für Werbeanzeigen und Webseiten
• Micro-Animationen von Icons und Illustrationen
• Konzeptüberarbeitung und Optimierung von User Journeys
• UX- & UI-Design Update von Post-Purchase- und Follow-up-E-Mails
• Gestaltung von Website-Grafiken, Online-Werbemitteln und Social Media Assets
• Layout und Design von Newslettern

Ich hatte das Vergnügen für Namenhafte Kunden wie Bauhaus, Ernsting’s family, HABA Familygroup, Landgard, Peek & Cloppenburg sowie Volkswagen Zubehör zu arbeiten.

Genauere Fragen zu meinen Projekten bei der Medienwerft GmbH beantworte ich gerne in einem persönlichen oder digitalen Gespräch.

Als digitaler Art Director der Medienwerft GmbH habe ich für den Kunden Ernsting's family die "Uli Überflieger" Spielend Sparen Aktion im Herbst 2022 als Hauptverantwortlicher gestalterisch umgesetzt. Für die Umsetzung des Spiels haben wir mit dem externen Entwickler Michael Hovemann zusammengearbeitet.

Für das finale Produkt habe ich

• ein Brainstorming Workshop für die Spielidee geleitet,
• das Keyvisual als Vektorgrafik erstellt,
• interaktive Prototypen für die Abstimmung in Adobe Xd gebaut
• und alle Grafiken, sowie Videos für das Spiel und für die Event Landingpages umgesetzt.

Die besondere Herausforderung stellte die technische Umsetzung des Spiels "Uli Überflieger" dar, da zum ersten Mal in der Geschichte von Spielend Sparen das Spiel nicht in 2D, sondern in einer 3D-Umgebung entwickelt wurde. Damit das Spiel auf allen Geräten reibungslos läuft entschieden wir uns bewusst dafür, die visuelle Komplexität zugunsten der Performance zu reduzieren. So hatte wirklich jeder Kunde die Möglichkeit mit zu spielen und sich attraktive Rabattcodes zu sichern.

Genauere Fragen zu dem Spielend Sparen Projekt von Ernsting's family beantworte ich gerne in einem persönlichen oder digitalen Gespräch.

Zum 50-jährigen Jubiläum von Reflex Winkelmann wurde die Medienwerft GmbH mit der Konzeption und Umsetzung einer animierten Landingpage beauftragt. Ziel war es, eine dynamische und visuell ansprechende Website zu entwickeln, die auf allen Endgeräten reibungslos funktioniert. Das Ergebnis ist unter 50.reflex.de abrufbar.

Um den Entwicklungsaufwand und die Kosten gering zu halten und gleichzeitig die enge Deadline einzuhalten, habe ich für die Umsetzung der Animationen den Einsatz von LottieFiles vorgeschlagen. Die Animationen auf der Landingpage, darunter die Zahlen, Illustrationen und Icons, habe ich in Adobe After Effects animiert und mit dem Bodymovin-Plugin als .json-Dateien exportiert. Diese Dateien konnten anschließend von unserem Entwickler mithilfe des LottieFiles Players nahtlos in die Website eingebunden und die Interaktionsart flexibel gesteuert werden.

Dank dieses schlanken und effektiven Workflows konnten wir innerhalb von nur zwei Monaten das Design abstimmen, alle Animationen produzieren und die vollständige Landingpage umsetzen.

Genauere Fragen zu dem Landingpage Projekt von Reflex Winkelmann, und dem Einsatz von Bodymovin & Lottiefiles, beantworte ich gerne in einem persönlichen oder digitalen Gespräch.

Während meiner Ausbildung zum Mediengestalter und später als Junior Art Director bei der Medienwerft GmbH habe ich für den Kunden Ernsting’s family zahlreiche digitale Werbemittel gestaltet.
Dazu gehörten unter anderem:

• Redesign und Animation von Motion-Slideshows in Adobe After Effects für YouTube,
• Erstellung responsiver Werbeanzeigen für Google Ads und ähnliche Plattformen,
• Gestaltung von Grafiken und Animationen für Newsletter-Kampagnen.

Genauere Fragen zu meinen Tätigkeiten für den Kunden Ernsting's family beantworte ich gerne in einem persönlichen oder digitalen Gespräch.

Während meiner Zeit als Junior Art Director bei der Medienwerft GmbH habe ich bei dem B2B-Webshop-Projekt „MyLandgard“ für die Landgard eG unterstützt. Ziel war es, einen digitalen Multishop als zentralen Zugang zu den Sortimenten der verschiedenen Fachhandelsmärkte zu entwickeln – darunter Landgard Cash&Carry, Bloomways, Gartenbaubedarf und Deko&Floristikbedarf.

Beim Aufbau der Plattform habe ich das verantwortliche UX/UI-Team unterstützt, insbesondere bei der UI-Umsetzung von Kundenwünschen auf Basis des initialen Konzepts und Designs. Darüber hinaus habe ich kleinere Optimierungen zur Struktur, Bedienbarkeit und Gestaltung einzelner UI-Elemente eingebracht.

Für den Aufbau der Plattform mussten:

• die Produktdaten von vier unabhängigen Märkten vereinheitlicht werden,
• die komplette User Journey und das UI-Design vom Login bis zum Checkout gestaltet werden,
• und große, teils komplexe Produktinformationen nutzerfreundlich visualisiert werden.

Nach dem erfolgreichen Launch habe ich gemeinsam mit dem Team die Plattform für das Event „Landgard Ordertage“ weiterentwickelt. Dafür wurde:

• der Warenkorb neu strukturiert und der Checkout-Prozess vereinfacht,
• eine mobile Scan-to-Order-Funktion umgesetzt, die eine papierlose und direkte Bestellung am Messestand ermöglichte.

Weitere Fragen zu meiner Aufgaben für den Kunden Landgard eG beantworte ich gerne in einem persönlichen Gespräch oder digitalen Gespräch.

Unter dem Alias Kaza Design habe ich während meiner Oberstufen- und Ausbildungszeit selbstständig Projekte im eSport Segment bearbeitet. Darunter:

• Streaming Overlays und Social Media Grafiken für das eSport Team Planetkey Dynamics
• Logos und Visual Designs für den Gaming Streamer/YouTuber Nasteey
• Logo und vollständiges Corporate Design der Multiverse Gaming Community

Weitere Fragen zu meinen Projekten als junger Freelance Grafiker beantworte ich gerne in einem persönlichen oder digitalen Gespräch.