Storybook Experten in Deutschland

Entwicklung KI-nativer digitaler Produkte durch die Kombination von Produktstrategie, UX-Forschung, Interaction Design, Software Engineering und modernen KI-Workflows. Leitung von Projekten von der Discovery bis zur Umsetzung, wobei KI über den gesamten Produktentwicklungszyklus hinweg integriert wird.

Hauptaufgaben

• → Product Discovery, Stakeholder-Workshops, Jobs-to-be-Done und Nutzerforschung
• → User-Journey-Mapping, Informationsarchitektur und Interaction Design
• → Wireframes, High-Fidelity-UI, Prototypen und skalierbare Design Systems in Figma und Penpot
• → KI-gestützte Oberflächengenerierung und schnelle Konzeptentwicklung mit Figma AI, Figma Make und generativen Design-Workflows
• → Design-to-Code-Workflows mit KI-gestützter Frontend-Generierung und Zusammenarbeit mit Engineering
• → Aufbau barrierefreier Oberflächen nach WCAG 2.2 und Enterprise-Design-Standards
• → Usability-Tests, iterative Validierung und KPI-getriebene Produktoptimierung
• → Entwicklung von KI-Wissenssystemen, MCP-gestützten Design-Workflows und Human-in-the-Loop-Review-Prozessen
• → Enge Zusammenarbeit mit Engineering-Teams, um eine produktionsreife Umsetzung sicherzustellen

• Habe rollenbasierte Workflows für die Disposition und Zustellung entworfen, umschaltbar zwischen eigenem Fuhrpark und Partner-Transportunternehmen, mit nachvollziehbaren Statusketten von „pending“ bis „in delivery.“
• Habe KI-gestützte Routenoptimierung entworfen, bei der Disponenten fahrzeitoptimierte Routenvorschläge als Entwurf prüfen und mit einem Klick übernehmen.
• Habe eine zentrale Planungsoberfläche für Liefer- und Routenmanagement entworfen, die Tabellenansicht, Kartenansicht und Routenkomposition in einem einzigen Workflow zusammenführt.
• Habe interaktive Prototypen gebaut, um neue Produktfunktionen früh mit Stakeholdern und Engineering abzustimmen.

Wichtige Methoden: KI-gestütztes Produktdesign, Workflow-Design, rollenbasierte Workflows, Dashboard-Design, Interaction Design, Prototyping, UX für Logistik/Operations, Stakeholder-Zusammenarbeit

• Verantwortet end-to-end UX für zwei AI-SaaS-Produkte in Closed Beta, inklusive LLM-Interaction-Design, Prompt-UX und Human-in-the-Loop-Patterns; kommerzielle Distribution für Launch in Q3 2026 unterzeichnet
• Einen selbst entwickelten LLM-Reframing- und RAG-Korrektur-Pipeline gebaut, die die Produktion von mehreren CV- und Case-Study-Profilen ermöglicht
• Liefert echten Code parallel zur Forschung, darunter Three.js/GLSL-Portfolio-Arbeiten, Figma-API-Tools und eine Chrome-MV3-Extension für Session-Sync-Automation

• Selbst gehostete Plattform für Tischtennis-Ausrüstung.
• Entwicklung eines eigenen „Racket Builders“, der einen ko-evolutionären genetischen Algorithmus nutzt, um die optimalen Kombinationen aus Schlägerhölzern und Belägen auf Basis von Physik-Heuristiken und Spielerdaten in einem Suchraum von über 4 Milliarden Kombinationen zu finden, zu bewerten und zu empfehlen.
• Entwicklung eines eigenen, voll automatisierten Web-Crawlers zur Erfassung von Ausrüstungsspezifikationen, inklusive einer automatisierten Pipeline zur Bildnormalisierung sowie Datenharmonisierung über DeepSeek.
• Cloudflare Edge Workers in Rust für Suchanfragen mit niedriger Latenz und zur Auslagerung rechenintensiver Simulationen vom Hauptserver.
• Hohe Performance- und Accessibility-Standards in einer großen Nuxt-4-Codebasis mit Lighthouse-Scores von 95–100/100/100.

• Entwicklung von AI-first-Workflows, die KI in bestehende Produkterlebnisse integrieren
• Entwicklung von UX-Konzepten für Prompt-Management, wiederverwendbare und kombinierte Prompt-Workflows, Tagging, Suche und Informationsorganisation
• Erstellung von User Flows, Wireframes, Prototypen und High-Fidelity-Interfaces in Figma
• Definition wiederverwendbarer UI-Patterns, Komponenten und Interaktionslogik für skalierbare Produkte
• Untersuchung von Human-AI-Interaktionsmustern mit Fokus auf Nutzerkontrolle, Transparenz und beherrschbare kognitive Belastung
• Übersetzung von Produktanforderungen und technischen Einschränkungen in entwicklungsreife UX/UI-Spezifikationen

• Komplexe React/TypeScript-Frontend-Systeme für stark anpassbare Brillenprodukte entwickelt.
• Internes Tooling zum Validieren und Verwalten von Produktkonfigurationsregeln entworfen.
• Barrierefreiheits-Initiativen geleitet, um kundennahe Anwendungen an die EU-Anforderungen zur Barrierefreiheit anzupassen.
• Umfangreich in großen Legacy-Codebasen gearbeitet und dabei Wartbarkeit sowie Developer Experience schrittweise verbessert.
• In einem internationalen E-Commerce-Umfeld teamübergreifend mit mehreren Teams zusammengearbeitet.

Projekt für einen führenden deutschen E-Mail- und Cloud-Dienstleister: Als Senior Frontend Developer und Technischer Webarchitekt entwickelte ich einen internationalen, mandantenfähigen White-Label-Consent-Management-Layer für mehrere Marken.

Hauptaufgaben:

• Architektur und Implementierung mit Vue 3, TypeScript und Vite
• Entwicklung automatisierter Tests mit Vitest und Playwright
• Erstellung markenspezifischer CMP-Konfigurationen, CSS-Themes, i18n-Strukturen und Vendor-Einstellungen
• Umsetzung der Playout- und Initialisierungslogik sowie der Backend-Anbindung
• technische Entscheidungsgrundlagen, Projekt- und Code-Dokumentation

Wirkung: Ablösung externer CMP-Lösungen durch eine wiederverwendbare und langfristig wartbare Inhouse-Basis für mehrere internationale Marken und Rollouts.

Technologien: Vue 3, TypeScript, Vite, Vitest, Playwright, IAB TCF, Google Additional Consent, i18n, Git, CI/CD.

Gründung und Leitung von userdoo seit 2023. UX-Strategie, hands-on Product Design und fachliche Führung kleiner Designteams. Zusammenarbeit mit Product Ownern und Entwicklung; Designsysteme, Prototyping, Nutzertests und AI-gestützte Design-to-Code-Workflows.

Unter anderem:

ZEISS Vision Care – UX-Strategie, Konzeption und Design

Myopia Management (Myopie-Management)

Konzeption und Design eines Tools für das Myopie-Management. Unterschiedliche fachliche Konzepte und geräteabhängige Abläufe wurden zu einem konsistenten Gesamtworkflow zusammengeführt. Im Mittelpunkt stand eine verständliche Bedienung über die verschiedenen Gerätetypen und deren Einsatz im Prozess hinweg.

Digitaler Workflow beim Optiker

Fachliche UX-Führung bei der Neukonzeption digitaler Abläufe für den gesamten Optikerbesuch. Strukturierung der Nutzererfahrung rund um Patienten, Besuche sowie Untersuchungs- und Beratungsabläufe. Verantwortung für die konzeptionelle Richtung und eigene Gestaltung zentraler Workflows.

Mentoring junger Designer und Begleitung von Designern in neuen Lead-Rollen. Individuelle Sessions zu DesignOps, strategischen Fragestellungen und fachlicher Führung.

B2C-Brillenshop für Indien

Konzeption und UX/UI-Design eines vollständigen E-Commerce-Shops für Brillen. Gestaltung der B2C-Kauferfahrung unter Berücksichtigung der Anforderungen des indischen Marktes. Enge Zusammenarbeit mit dem Projektteam und dem lokalen Markt; Abstimmung und Weiterentwicklung der Konzepte anhand von Marktfeedback und Rückmeldungen aus den vor Ort durchgeführten Tests.

poolinq – UX für eine neue Software zur Bestandsführung

Aufbau der UX von Grund auf: Produktanforderungen strukturieren, zentrale Nutzerabläufe entwickeln und in ein zusammenhängendes Bedienkonzept übersetzen. Im Mittelpunkt stehen Bestandsführung, Belegverarbeitung sowie die Erfassung von Warenein- und -ausgängen. AI-gestützte Belegerkennung und Zuordnung so gestalten, dass Nutzer die Ergebnisse nachvollziehen und prüfen können. Enge Zusammenarbeit mit dem Produkt- und Entwicklungsteam.

FerniLoy – Digitaler Begleiter für den Möbelhandel

UX-Konzeption und Prototyping für einen digitalen Verkaufs- und Produktbegleiter. Aufbau eines Multibrand-Designsystems, das unterschiedliche Marken auf einer gemeinsamen Grundlage abbildet. Design Tokens, Komponenten und Varianten in Figma mit Flutter und Widgetbook verbinden. Gemeinsame Abstimmung von Nutzerabläufen, Designsystem und Umsetzung mit dem Produkt- und Entwicklungsteam.

TYCT – UX und Designsystem für ein B2B-Portal

Informationsarchitektur und Interaktionskonzepte für datenreiche Arbeitsbereiche mit komplexen Statusabläufen. Informationen, Zuständigkeiten und nächste Schritte auf Listen-, Detail- und Bearbeitungsseiten klar strukturieren. Aufbau eines Designsystems mit wiederverwendbaren Komponenten, Zuständen und Seitentypen. Fachliche Leitung des Designteams und enge Abstimmung mit dem Lead Developer.

• DTO-Klassengenerator: Eigenentwicklung eines Tools zur automatischen Generierung von Klassen, Funktionen und Methoden zur Nutzung in .NET Core Projekten auf Basis der SAP Business One Service Layer Metadaten
• E-Rechnungs-Import Add-On: Entwicklung eines SAP Business One Add-Ons / coresuite Moduls zum automatisierten Import von ZUGFeRD E-Rechnungen als Eingangsrechnungen – mit konfigurierbarem Mapping zur flexiblen Steuerung der Importlogik über vier Mapping-Typen (DIRECT, SQL, FIXED, EXPR). Das Add-On ist als lizenziertes Produkt für SAP Business One Kunden erhältlich.

Stack: SAP Business One, SAP Business One Service Layer, coresuite Country Package, C#

• Aufbau einer vollständigen Echtzeit-Multiplayer-Plattform mit Spiel-Engine, Lobby-System, Spieltischen, Zuschauer-Modus und persistenter Spielhistorie.
• Umsetzung produktrelevanter Multiplayer-Workflows mit WebSocket-Kommunikation, Live-Synchronisation, Sprachchat, mobilen App-Funktionen und Push-Benachrichtigungen.
• Entwicklung einer skalierbaren Full-Stack-Architektur mit Authentifizierung, PostgreSQL-Persistenz, Premium- und Abrechnungsintegration und umfangreicher Testabdeckung.

• Konzeption neuer Apps sowie Weiterentwicklung und Betrieb von 29 Angular-Apps für die digitale Schadenmeldung im Nx-Monorepo
• Pflege und Weiterentwicklung einer gemeinsamen Komponentenbibliothek mit ca. 300 Bibliotheken für mehrere Produktteams
• Migration aller Apps auf ein neues Designsystem inkl. zugehöriger Komponentenbibliothek und systematischem Refactoring
• Weiterentwicklung und Pflege der CI/CD-Pipelines (Jenkins, Azure DevOps, Terraform, AWS)
• Eigenverantwortliche Releases inkl. Branch-Verwaltung, Versionierung, PR-Koordination und Produktivsetzung
• Implementierung und Pflege des Trackings (Adobe Analytics)
• Umsetzung der Barrierefreiheit nach BFSG/WCAG
• Testgetriebene Entwicklung (TDD) mit Jest und Cypress
• Code-Reviews, Mentoring und Etablierung von Best Practices im Team
• Technologien: TypeScript, Angular 16–20, RxJS, NgRx, Nx (Monorepo), npm, HTML, (S)CSS, Storybook, Jest, Cypress, Cucumber, Husky, Node.js, Git, AWS, Azure DevOps (Repos & Pipelines), Jenkins, Terraform, TDD, BFSG, WCAG, Nexus, IntelliJ, Adobe Analytics

• Kund:innen-Web-Apps und selbst initiierte Produkte End-to-End entwerfen und bauen, inklusive Produktdesign, Design Systems und Full-Stack-Frontend mit React, TypeScript, Tailwind und Supabase.
• Eine Compliance- und Mitarbeiterdaten-Webanwendung für einen britischen Verkehrsbetreiber gestaltet und ausgeliefert, inklusive Datenmodellierung, UX und Frontend-Umsetzung auf Supabase mit Row-Level Security und Edge Functions.
• Merita entwickelt, eine standardmäßig private App zur Erfolgserfassung und Leistungsbeurteilung, in einem 48-Stunden-Hackathon (SheBuilds). Sie umfasst das Erfassen von Erfolgen, verknüpft mit Zielen und Kompetenzrahmen, von AI zusammengestellte Review-Pakete mit token-geschütztem Teilen und eine Ansicht zur Promotion-Readiness und basiert auf React, TypeScript, Tailwind, shadcn/ui und Supabase mit Row-Level Security und Edge Functions.
• Pantressa gestaltet und gebaut, eine App für Lebensmitte-Tracking, Essensplanung und Budgetierung, mit Verantwortung für das Produktdesign bis zur Frontend-Auslieferung auf React, TypeScript, Tailwind und Supabase.

• Mehr als 15 Frontend-Anwendungen und mehr als 10 Backend-Services für interne Tools, Backoffice-Prozesse sowie externe Portale für Installateure und Endkunden entwickelt
• Build- und Release-Prozesse mit TypeScript und Azure DevOps automatisiert
• Junior-Entwickler durch Code-Reviews und technische Betreuung unterstützt
• KI-gestützte und agentenbasierte Entwicklungsmethoden in die Entwicklungsprozesse integriert
• Entscheidungen zur Benutzererfahrung mit UX-Designern abgestimmt

Tech-Stack: Claude Code, Codex, AWS (S3, Lambda, AppSync, Resolver), Next.js App Router, ReactJS, NuxtJS, Vue.js, Storybook, JavaScript, TypeScript, GraphQL, Azure DevOps

• Abrechnungssoftware für die zweithöchste Sicherheitsbehörde der Bundesrepublik Deutschland
• Sicherheitsfreigabe Stufe 2 bestanden
• Frontend- und Backend-Entwicklung
• Beratung bei Einführung, Aufbau, Umsetzung und Weiterentwicklung technischer Komponenten
• Code-Reviews, Komponententests, Modultests, Gruppenmodultests
• Umsetzung von UI/UX-Design
• Verwendete Technologien: HTML, CSS/SCSS, JavaScript, Node.js, Vue 3, PrimeVue, Webpack, Vuex, Momentum, Jest, NPM, Lodash, Java 17, Spring Boot, Lombok, GraphQL, JUnit, Maven, Keycloak, Python, Docker, CI/CD, Kubernetes, Oracle SQL, Postman, Storybook, Microservices, Monorepo, Jira, Confluence, Scrum, GitLab, AWS, IntelliJ, Visual Studio Code, Neovim, XLSX, responsives Webdesign, BITV 2.0 (U.S. Section 508) / WCAG 2.2