Storybook Experten

Beratung und Software für Intralogistik-Automatisierung (AGV/FTS) · Produktlinien AGVHub (unabhängige AGV-Projektberatung, Layout-Editor) und OneBob (All-in-One Business-Software für kleine Teams)

• Konzeption und Umsetzungsplanung einer Leitsteuerung für eine Bäckerei-Produktionslinie (Maschinenbau-Kunde, Kick-off-Workshop 08/2025): drei Ausbaustufen, acht abnahmefähige Meilensteine, Batch-Rückverfolgbarkeit, AGV-Integration mit RFID, Vue-Frontend.
• Discovery- und Anforderungsgespräche mit Werkslogistik und IT bei Industriekunden (Life Science, Luftfahrt, Stahl, Maschinenbau): Leitsteuerungs-, ERP-Schnittstellen- und VDA-5050-Anforderungen in Architektur und Lastenheft-Struktur übersetzt.
• Automatisierung und Analytics für die Markteinführung: Bing- und Meta-Kampagnen, LLM-gestützte LinkedIn-Content-Pipeline, Performance-Dashboards für Partner und Vertrieb.
• Fachbeiträge auf LinkedIn zu Robotik und Intralogistik: rund 170.000 Impressions in 41 Posts (03 bis 08/2026).

• Entwicklung und Optimierung der RTL+-Frontend-Anwendung für SmartTV- und Set-Top-Box-Plattformen mit React und Next.js.
• Schlüsselrolle bei der fachlichen Steuerung von Entwicklern im Team und bei der Koordination der Umsetzung.
• Zentrale Schnittstelle zu angrenzenden Teams, um Entwicklungsabläufe zu vereinfachen und die teamübergreifende Abstimmung zu verbessern.
• Verbesserung von Frontend-Performance, Stabilität und Rendering-Verhalten auf leistungsschwachen Geräten in einer eingeschränkten Runtime-Umgebung.
• Umsetzung einer Frontend-Teststrategie mit Jest, React Testing Library und Playwright.
• Umsetzung von Verbesserungen der Barrierefreiheit gemäß WCAG 2.2 und WAI-ARIA.
• Integration von Didomi Consent Management als Beitrag zur Steigerung der Ad-Monetarisierung auf Streaming-Plattformen.
• Einsatz KI-gestützter Engineering-Workflows mit Cursor für strukturierte Implementierung, Refactoring und schnellere Problemlösung.

Eingesetzte Technologien: React, Next.js, TypeScript, JavaScript, GraphQL, Apollo Gateway, Zustand, Tailwind CSS, Styled Components, React Testing Library, Playwright, Jest, HTML5, CSS3, AWS Lambda, EC2, CloudFront, S3, GitLab CI/CD, NX, Cursor

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

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

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.

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

• Entwicklung einer barrierefreien, responsiven Website anhand von Figma Designs für ein Sport-Großevent unter Einhaltung von WCAG, BITV und EN 301 549
• Technische Planung und Aufbau des Toolstacks mit Vite, Playwright, Docker und GitLab CI
• Mitarbeit an zwei bestehenden Projekten (Vue.js & Nuxt), Fokus auf Bugfixing, Accessibility-Audits und Entwicklung neuer Features
• Zusammenarbeit mit Design und QA zur konsequenten Umsetzung barrierefreier UI-Patterns
• Beratung zur Verbesserung bestehender Frontend-Architekturen hinsichtlich Accessibility, Performance und Wartbarkeit

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

• Behebung von Problemen in der Programmlogik

• Abdeckung der Anpassungen durch Komponententests

• Analyse und Dokumentation der Datenstruktur der verschiedenen Applikationen

• Analyse und Dokumentation der Parameter zur Konfiguration der Applikationen

• Analyse und Dokumentation der notwendigen Maßnahmen zur Sicherstellung des Betriebs der Applikationen

• Analyse und Konzeption der Trennung der einzelnen Datenbankstrukturen

• Analyse und Aufwandschätzung für geplante Erweiterungen

• Analyse, Wartung und Dokumentation einer heterogenen Legacy-Systemlandschaft für einen Print-Medien-Dienstleister

• Technik: C#, VB.NET, C, Python, Microsoft SQL Server, Visual Studio 2010, JetBrains Rider, Visual Studio Code, arc42, Draw.io, Jira, GitLab

• 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

• Auswahl und Evaluierung verschiedener Frontend-Frameworks für ein Headless CMS

• Beratung des UI/UX-Teams zum Designsystem

• Technologien:

• Figma

• Design Token

• Tailwind

• Storybook

• React

• NextJs

• Strapi

• AJAX

• Confluence

• CSS3

• Docker

• ESLint

• Git

• GraphQL

• HTML5

• IntelliJ/WebStorm

• JAM Stack

• Jasmine

• Jenkins

• Jira

• JSON

• JSX

• Mocha

• Native JavaScript (ES6)

• NodeJS

• Prettier

• REST

• REST APIs

• SCSS

• SSR

• Styleguides

• SVG

• TypeScript

• Webpack