Senior Product Designer
User-Probleme lösen
Systematisch skalieren
AI-readyOffen für neue Projekte
Features und Interfaces, die funktionieren.
Gebr. Heinemann
Ich habe Warenkorb und Checkout überarbeitet, das Design-System weiterentwickelt und den Shop auf WCAG AA gebracht. So funktioniert der Einkauf für mehr Menschen, und neue Features lassen sich leichter ergänzen.
Deutsche Teilkauf
Die Deutsche Teilkauf ermöglicht Eigentümer*innen, einen Teil ihrer Immobilie zu verkaufen und trotzdem darin wohnen zu bleiben. Ich habe das digitale Onboarding komplett neu strukturiert und gestaltet.
Rollen und wichtige Projekte im Überblick.
Verantwortung +
Ergebnisse
Barrierefreiheit nach BITV 2.0
Auf Basis eines Accessibility-Audits und eigener Prüfungen haben wir sichergestellt, dass der Webshop die Anforderungen der WCAG-Stufe „AA“ erfüllt. Zusätzlich haben wir alle Eingabeelemente und Formulare in Kontrast, Klickbarkeit und Bedienbarkeit vollständig neu definiert.
Besseres Checkout-Erlebnis
Warenkorb und Checkout entscheiden, ob jemand kauft. Der Warenkorb funktioniert als Funnel zur Bestellung: Produktinfos, Empfehlungen und eine Preisanzeige für Rabatte und Coupons an einem Ort. Der Checkout führt Neu- und Bestandskund*innen ohne Umwege durch die Bestellung, ergänzt um einen überarbeiteten Account-Bereich und ein globales Error Handling.
Design-System + AI-Workflows
Wiederverwendbare Pattern, Komponenten und Regeln bilden den Blueprint, auf der alle Flows und Features aufbauen. So bleibt das Erlebnis über Shop, App und Tochtermarken hinweg konsistent. Die Figma-Library ist so strukturiert, dass Tokens und Komponenten automatisiert prüfbar sind und der AI-Codegenerierung den nötigen Kontext liefern. Ich habe dafür einen Workflow mit Claude Code und Figma aufgebaut, der Komponenten in Design und Code rendert, und nutze ihn im laufenden Designprozess.
Verantwortung +
Ergebnisse
Von der Idee bis zum Handover
Für t-online, ein Nachrichtenportal mit Millionenreichweite, habe ich das Debattenportal von der ersten Idee bis zum Handover an die Entwicklung gestaltet. UX und UI lagen bei mir, von User Journeys über Wireframes bis zu interaktiven Prototypen in Figma. Entscheidungen habe ich in Jira dokumentiert, damit Entwicklung und Produktmanagement auf demselben Stand blieben.
Debattenportal
Das Debattenportal ergänzt journalistischen Content um strukturierte Stimmen der Leser*innen. Sie positionieren sich zu einer These, begründen ihre Haltung und sehen, wo die Community steht. Dafür habe ich die Debattenlandschaft analysiert, die Wege ins Portal gestaltet (Teaser, Verlinkungen, Plakate) und die Interaktionslogik aufgebaut. Moderierte Workshops und User-Tests haben das Konzept früh validiert, danach ging es über die finalen Screens bis zum Handover.
Exploration von AI-Workflows
Parallel habe ich einen Vorschlag ausgearbeitet, wie AI den Designprozess von Konzept bis Umsetzung unterstützt. Ergebnis ist ein Workflow mit Claude Code, dedizierten Claude Skills und Storybook, der Komponenten aus Figma in Code überführt. Die Erkenntnis daraus: Die Qualität des Codes hängt an der Struktur des Design-Systems, an Naming, Tokens und Auto Layout.
Verantwortung +
Ergebnisse
Optimierter Kontakt zum Porsche Zentrum
Finanzierung prüfen, Fahrzeug zur Inzahlungnahme anmelden, Porsche Zentrum kontaktieren. Ein Flow bündelt drei Anliegen, die vorher getrennt liefen.
Angebote + Verträge erstellen
Im Händlerportal erstellen und verwalten Händler*innen Angebote und Verträge, passen sie an und melden den Verkauf direkt daraus.
Globales Gebührenmanagement
Händler*innen konfigurieren Gebühren individuell und zeigen sie Kund*innen transparent im Fahrzeug-Listing an.
Verantwortung +
Ergebnisse
Checkout-System
Gezielte Fragen führen Kund*innen zu einer individuellen und genauen Einschätzung ihrer Immobilie.
Globale Navigation
Über alle Touchpoints hinweg (Desktop, Tablet, Mobile) finden sich Kund*innen jetzt zuverlässig zurecht.
Responsives DTK-Portal mit Statusanzeige
Nach dem Onboarding lässt sich der Stand des persönlichen Angebots jederzeit verfolgen. Über das Hochladen von Dokumenten wird das Angebot weiter präzisiert.
Verantwortung +
Ergebnisse
Vergleich von Baufinanzierungen
Finanzierungsanbieter und Banken lassen sich vergleichen, um das passende Angebot auszuwählen.
Checkout der Baufinanzierung
Nach der Wahl eines Angebots werden weitere passende Optionen angezeigt, und Angebote mehrerer Anbieter lassen sich gleichzeitig anfragen.
Vergleich von Tages- und Festgeld
Ein einfacher Vergleich von Banken nach Zinssatz und Sicherheit hilft, das passende Tages- oder Festgeldangebot zu finden.
Entwicklung und Optimierung von TYPO3-Extensions
Mit individuellen Modulen wie Tabellen, Inhaltslisten und Templates erstellt und verwaltet die Redaktion von Vergleich.de unterschiedlichste Artikel im TYPO3-Backend.
Verantwortung +
Ergebnisse
Art Direction + Umsetzung
Verantwortung für Look and Feel der Projekte. Von Briefing über Konzept bis zur Umsetzung. Abstrakte Ideen in realistische 3D-Visuals übersetzen, die Geschichten mit Tiefe, Details und Perspektive erzählen.
(Character-)Animation
Figuren und Szenen durch ausdrucksstarke Animation zum Leben erwecken.
Kunden
Audi, Daimler, Allianz, Techniker Krankenkasse, tesa, Reemtsma, Hella, VHV, BBraun, Deutscher Ring KV, Zinspilot, NYDA
Verantwortung +
Ergebnisse
Art Direction + visuelles Design
Projekte vom Konzept bis zur Umsetzung begleiten: Markenauftritte, 3D-Welten und Motion.
Frontend + interaktive Entwicklung
Designs selbst als responsive Websites umsetzen, mit sauberem Code und durchdachten Interaktionen.
Kunden
ROSSMANN, tesa, Hapag-Lloyd, Signal Iduna, Hermes, Hermes Transport Logistics, Deutscher Ring, HOYA, HEM, Käuferportal, e-Spirit, Lifestrom
Das sagen Kolleg*innen und Kund*innen über mich.
Stefans Professionalität und klare Kommunikation machen jede Zusammenarbeit reibungslos und angenehm, und seine kreative Führung führt immer wieder zu neuen, innovativen Lösungen. Diese außergewöhnlichen Fähigkeiten ermöglichen ihm, jedes Mal überzeugende und präzise Visuals zu liefern.
Vielen Dank für die großartige Zusammenarbeit! Sie war nicht nur fachlich eine große Freude, sondern auch menschlich wirklich wunderbar. Deine herausragende UX/UI-Expertise hat unser Team entscheidend vorangebracht. Jederzeit gern wieder!
Ich habe das Vergnügen, mit Stefan als UX Designer zusammenzuarbeiten, und kann ihn uneingeschränkt empfehlen. Stefan bringt viel Fachwissen und ein feines Gespür für Nutzerbedürfnisse mit. Seine Designs sind nicht nur kreativ, sondern auch gut strukturiert und äußerst nutzerfreundlich.
Stefan war eine echte Stütze für unser Product-Design-Team. Er ist ein sehr kooperativer und begeisterter Designer, der stets nach Verbesserung strebt und die Sicht der Kundinnen und Kunden an erste Stelle setzt. Vielen Dank für all deine Beiträge. Wir hoffen, dich bald wiederzusehen!
Mit seinem Motion-Design-Können bringt Stefan eine zusätzliche Ebene wirkungsvollen Storytellings in jedes Projekt. Er ist sehr strukturiert, offen für Feedback aus dem Team, bleibt dabei seinen Prinzipien treu und stellt im gesamten Prozess kritische Fragen, die den Projekten echten Mehrwert bringen.
Stefan und ich arbeiten seit Jahren zusammen. Ich schätze an ihm seine tiefe fachliche Expertise und seine angenehme Art. Er arbeitet selbstständig, zuverlässig und sehr genau – und bringt immer neue Lösungen ein. Als Auftraggeber vertraue ich ihm voll und ganz.
Stefan liefert nicht nur professionelle Designs, sondern beeindruckt auch damit, wie schnell er komplexe Herausforderungen erfasst und gleich mehrere Lösungen entwickelt.
Immer am Puls der Zeit und enorm vielseitig – von UI/UX bis Motion Graphics deckt Stefan alles ab und ist damit ein Trumpf in jedem Projekt. In den vergangenen zwölf Jahren habe ich mit Stefan an vielen Projekten gearbeitet und ihn als verlässlichen Berater und vor allem als echten Projekt-Rockstar schätzen gelernt.
