Storybook-Experten in Deutschland

Procure Ai entwickelt eine Beschaffungsplattform mit Tools zur Optimierung von Einkauf und Lieferantenmanagement. Sie bietet Echtzeitanalysen, Einsparpotenziale und automatisierte Workflows. Ein gemeinsames Datenmodell integriert und ergänzt Daten aus mehreren ERP- und E-Procurement-Systemen, darunter Ivalua, SAP, Coupa, WPS und Jaggaer.

06/2025 – HEUTE:

• Konzeption und Entwicklung einer neuen KI-nativen Beschaffungsplattform mit Dokumentenintelligenz, einer Agenten-Orchestrierungsebene auf Basis von Mastra und LLM-basierter Workflow-Automatisierung für Anwendungsfälle in den Bereichen Lieferantenmanagement, Intake und Kategorienmanagement
• Agentenbasierte Entwicklungs-Workflows im gesamten Entwicklungsteam eingeführt, die LLM-gestützte Codegenerierung und automatisierte Reviews ermöglichen und die Durchlaufzeit sich wiederholender Entwicklungsaufgaben messbar verkürzen
• Migration des Design Systems von Material UI zu shadcn/ui mit Tailwind, um die Konsistenz zu verbessern und den Aufwand für die Frontend-Entwicklung zu verringern
• Weiterhin direkt an Frontend-, Backend- und KI-Funktionen mitgearbeitet, während das Engineering-Team von 10 auf 20+ Engineers wuchs: Recruiting, Onboarding, 1:1-Gespräche und Mentoring

06/2020 – 06/2025:

• Als erster Engineer nach den beiden Gründern eingestiegen; gemeinsam mit dem CTO die Plattformarchitektur und Produktvision von Grund auf gestaltet und die Plattform auf 10 Unternehmenskunden ausgebaut
• Die Fullstack-Entwicklung von Funktionen für die zentrale Beschaffungsplattform geleitet, mit Schwerpunkt auf Anwendungsfällen in den Bereichen Analytics, Suche und autonome Verhandlungen: MVP-Umfang festgelegt, technische Entscheidungen an den Kundenergebnissen ausgerichtet und Arbeiten eingestellt, die keinen Mehrwert brachten
• Eine feldbasierte Konfigurationsanforderung für autonome Verhandlungen hinterfragt und stattdessen einen knotenbasierten Regel-Editor entwickelt, der der Denkweise von Category Managern mit Bedingungen und Verzweigungen entspricht; später auch für andere Workflow- und Entscheidungskonfigurationen wiederverwendet
• Mandantenfähige Authentifizierung und fein abgestufte Autorisierung auf Basis von Organisationseinheiten entwickelt und umgesetzt
• Eine mandantenfähige Admin-Anwendung zur Verwaltung von Kundeninstallationen in verschiedenen Umgebungen konzipiert und entwickelt, einschließlich Konfiguration, Feature Flags und i18n
• Ein eigenes, auf Material UI basierendes Design System erstellt und gepflegt, das im gesamten Produkt zum Einsatz kommt
• CI/CD-Pipeline und vollständige QA-Suite eingerichtet und gepflegt (Linting sowie Unit-, Integrations- und E2E-Tests)
• Einen Release-Prozess für mehrere Umgebungen mit Helm und Helmfile konzipiert und umgesetzt; Verantwortung für Infrastructure as Code in AWS und Azure übernommen
• Neue Tools und Frameworks recherchiert und erprobt; Make-or-Buy-Entscheidungen getroffen, um Entwicklungsgeschwindigkeit, Kosten und langfristige Wartbarkeit in Einklang zu bringen
• Das Engineering-Team von 4 auf 10+ Engineers vergrößert, Engineers betreut und eine Kultur der Eigenverantwortung, Code-Reviews und schrittweisen Auslieferung aufgebaut

Technologien: TypeScript, JavaScript, React, Node.js, Fastify, GraphQL, GraphQL Codegen, GraphQL Mesh, GraphQL Yoga, Hasura, Apollo Client, REST, CubeJS, PostgreSQL, Prisma, Elasticsearch, Meilisearch, Typesense, Kafka, Avro, Karapace, Kubernetes, Docker, Terraform, OpenTofu, Helm, Helmfile, GitLab CI, Keycloak, Better-Auth, OpenFGA, Nx, Vite, Vitest, Playwright, Testing Library, Storybook, Chromatic, Material UI, shadcn/ui, Tailwind, React Flow, recharts, i18next, Backstage, Grafana, Sentry, Zod, Claude Code, Codex, Mastra, Vercel AI SDK, Vercel AI Elements, AWS, Azure

• Implementieren und Erweitern einer Electron-App auf Basis von TypeScript, React, Node.js zur Darstellung von Streaminhalten und technischen Daten
• Erweitern eines Kotlin-Backends zur Nachrichtenverarbeitung über Kafka
• Erweitern verschiedener React-Module
• Programmieren individueller Lösungen für Kunden inkl. Durchführen von Tests
• Erstellen von Dokumentation
• Entwicklung unter Berücksichtigung von Scrum-Prozessen

Verwendete Kenntnisse: React, React Hooks, Jest, Vitest, Typescript, Electron, IntelliJ, Vite, Github, Jira, Node.js, yarn, npm, pnpm, Swagger, OpenAPI, Storybook, Docker, Prettier, Eslint, tailwindcss, i18n, GraphQL, CoPilot, Postgres, JSON, Sqlite, trpc, influxdb, Java, Spring, Kotlin, Kafka, Git, Sonarcube

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

Produktentwicklung für die Miele App – Designsystem, UX und End-to-End-Produktverantwortung.

• Designsystem aufgebaut und erweitert – Komponenten, Design-Tokens, Übergabe an die Entwicklung
• Nutzerabläufe und Customer Journeys für zentrale App-Funktionen (Gerätesteuerung, Rezepte, Wartung)
• Usability-Tests und iterative UX-Verbesserungen
• KI-gestützte Personalisierung – intelligente Programmempfehlungen auf Grundlage des Nutzungsverhaltens
• KI-Tools im Design-Workflow: automatisierte Accessibility-Checks, Figma AI, schnelles Prototyping
• Nutzerforschung mit KI synthetisiert – Interviews, Feedback und Usability-Daten zu strukturierten Erkenntnissen verdichtet

• Entwicklung automatisierter Softwaretests (Unit-, Integrations-, Regressions- und End-to-End-Tests).
• Eingesetzte Technologien: Playwright, Vitest, JavaScript, TypeScript, Vue3, Go, Laravel, REST API, CI/CD, Docker, Git, GitHub, Scrum, Jira.

• 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

• Entwicklung einer vollständigen Plattform für elektronische Signaturen und Identitätsprüfung in einem Zweierteam mit einem erfahrenen Backend-Entwickler, ohne Designer oder PM: Alle Produkt-, UX- und Umfangsentscheidungen wurden gemeinsam getroffen.

Next.js / TypeScript

• 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

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