Storybook Experten

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

Mitgründer einer Softwareagentur, die individuelle Web- und plattformübergreifende Produkte entwickelt. Ich verantwortete die technischen Entscheidungen für das gesamte Portfolio und führte 12 Personen. Außerdem war ich für die Umsetzungsplanung, Prozesse und Kundenbeziehungen für 11 Kunden in 3 Branchen zuständig.

• Technische Führung: Verantwortete die technischen Entscheidungen für die Codebasis in jedem Projekt — Stack, Architektur, Code-Konventionen und die Tools, mit denen das Team arbeitete — und leitete die Entwickler dabei an, wie Arbeit durch Code-Reviews, Pair Programming und Mentoring umgesetzt wurde. Das Team reichte von Junior bis Senior, während die Codebasis mit dem Portfolio und dem Team wuchs und konsistent blieb

• Umsetzungsplanung anhand des Finanzplans: Erstellte den Finanzplan des Unternehmens und leitete daraus die abrechenbaren Stunden ab, die jeder Entwickler pro Monat erreichen musste, sowie die Stunden, die jedes Projekt innerhalb des Budgets aufnehmen konnte; plante Kapazitäten und Umfang anhand dieser Werte und verhandelte Budgets und Liefertermine direkt mit Kunden

• Verantwortung für Kunden: Technischer Ansprechpartner für das gesamte Portfolio — Erfassung und Priorisierung von Anforderungen, Festlegung des Umfangs und Aufwandsschätzungen, Kommunikation von Zeitplänen, Budgetverhandlungen und durchgehend transparente Kommunikation während der Umsetzung

• Team und Mitarbeiter: Verantwortete den Einstellungs- und Interviewprozess vollständig und übernahm bei Bedarf die Verantwortung für das Offboarding; entwickelte ein Onboarding, durch das neue Entwickler innerhalb von 1–2 Tagen produktiv wurden; beseitigte täglich Blockaden und achtete genau darauf, wo Aufwand Wert schuf und wo nicht

• Prozessverantwortung: Führte eine auf 15+ Repositories verteilte Microservice-Landschaft in einem einzigen Monorepo zusammen, verkürzte dadurch die Backend-Entwicklungszeit um ~40% und vereinfachte Releases für 6 Engineers; richtete Deployment-Pipelines mit GitHub Actions und GitLab CI ein; führte Retrospektiven durch und setzte das Feedback in konkrete Änderungen um; führte KI-Agenten in die tägliche Entwicklung ein

• Umsetzung trotz kleinerem Team: Als das Team von 8 Entwicklern auf 2 schrumpfte, strukturierte ich den Umfang neu, führte KI-gestützte Entwicklung ein, um den Zeitplan einzuhalten, und übernahm zusätzlich zu meinem eigenen Frontend-Aufgabenbereich Backend-Arbeiten in Go

• Architektur und Code: Definierte die Architektur für jedes Projekt im Portfolio — den Rahmen, in dem das restliche Team arbeitete — und schrieb ungefähr 90% des Frontend-Codes selbst, von SSR-Anwendungen mit Next.js und Remix bis zu plattformübergreifenden Apps mit Capacitor

• Von null bis in Produktion: Führte eine Praxismanagement-Plattform — Verwaltung, Inventar, integrierter Onlineshop, Chat-Messenger — von einem leeren Repository bis in die Produktion. In 7 Märkten live, mit mindestens 7 weiteren in Vorbereitung, und im Einsatz für zehntausende Nutzer

• Umsetzung unter Druck: Entwickelte und veröffentlichte innerhalb von 4 Tagen einen Ersatz-Onlineshop für einen Fortune 250-Kunden und stellte die Bestellannahme wieder her, nachdem dessen globale Shops mehrere Wochen offline gewesen waren

• Designsystem: Entwickelte ein projektübergreifendes Designsystem, das in 7 Produkten eingesetzt wurde, sodass neue Projekte und Funktionen auf einer gemeinsamen, konsistenten Basis starten konnten

• Plattformübergreifend und in Echtzeit: Entwickelte iOS- und Android-Apps mit Capacitor für eine Live-Veranstaltung eines Kunden mit 1,000+ Teilnehmern — WebSockets und Push-Benachrichtigungen für Inhalte in Echtzeit sowie Stripe-Zahlungen mit Unterstützung für PayPal, Apple Pay, Google Pay und Karten

Wichtige Technologien: React, TypeScript, Next.js, Remix, GraphQL, ConnectRPC, Redux, Zustand, Go, Node.js, Turborepo, Nx, Capacitor, Ionic, WebSockets, Stripe, PostgreSQL, Playwright, Cypress, Vitest, Storybook, GitHub Actions, GitLab CI, Claude Code, Cursor, GitHub Copilot

• 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.

Produkt- und Interaktionsdesign für Beratungssoftware und digitalen Handel. Für MyoConsult / EWO: Patienten-Onboarding, Erstbesuche, Übersichten, Einwilligungen und Nachfassaktionen, Geräteintegration und Informationsarchitektur zur Verbindung von Beratungsabläufen. Experience Maps, Workflow-Konzepte und Testprototypen unterstützten die Überarbeitung.

Für Vision Shop / OCS Marketplace: verknüpfte Auswahl von Fassungen und Gläsern, Eingabe von Rezeptdaten, Auswahl des Anbieters sowie Warenkorb- und Checkout-Abläufe.

• 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#

• 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