Storybook Experten in München

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

Durchführung einer unabhängigen technischen Bewertung einer KI-gestützten Softwareplattform, wobei KI-Risikoaudit, Cybersicherheitsanalyse und Prüfung der Softwarearchitektur kombiniert wurden. Prüfung von Anwendungskomponenten, APIs, Datenflüssen, LLM-Integrationen, Retrieval-Augmented Generation, Multi-Agenten-Orchestrierung, Authentifizierung, Mandantentrennung, Abhängigkeitsschwachstellen, KI-Governance und Kontrollen des Modelllebenszyklus. Erstellung eines technischen Auditberichts mit strukturiertem Risikoregister, Quellcodebelegen, regulatorischen Referenzen, Korrekturmaßnahmen, Inventar der KI-Systeme, Risikoklassifizierung, Maßnahmenplan und Key Risk Indicators.

Technologien: TypeScript, JavaScript, React, Next.js, Node.js, REST APIs, MongoDB, Redis, AWS serverless services, OAuth 2.0 / OpenID Connect, LLM APIs, RAG, vector search, multi-agent orchestration, Model Context Protocol, C4 architecture modelling, threat modelling, NIST AI RMF, ISO/IEC 42001, ISO/IEC 23894, OWASP guidance, MITRE ATLAS

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.

• Technologien: TypeScript, JavaScript, Java, HTML, SCSS, JSON, REST, Angular, Nx, NgRx, RxJs, Git, Spring, TFS, Jenkins, Jest, Cypress, UI/UX-Design, Figma, Storybook, Domain-Driven Design (DDD), Micro Frontend, Clean Code, Arc42, Agile, Scrum, Jira, Confluence
• Fachliche Konzeption und Weiterentwicklung einer modernen Angular-Webanwendung im Rahmen der Portal-Migration
• Aufbau einer modularen Frontend-Architektur mit Nx und klarer Trennung von fachlichen und technischen Ebenen (Clean Architecture)
• Einführung und Umsetzung von Domain-Driven Design im Frontend-Kontext, inklusive Layer-Modell und Linting-Regeln zur Code-Organisation
• Entwicklung wiederverwendbarer UI-Komponenten und Features mit Angular, NgRx und RxJS
• Anbindung der Anwendung an Backend-Services über REST-APIs
• Sicherstellung hoher Codequalität durch strukturierte Code-Reviews, Tests mit Jest und Cypress sowie die Einführung von Richtlinien
• Regelmäßige Upgrades auf neue Angular-Versionen zur langfristigen Wartbarkeit
• Enge Zusammenarbeit mit internen Entwicklern, Product Ownern und Stakeholdern zur Anforderungsanalyse und Lösungsfindung
• Unterstützung des Teams durch aktiven Wissenstransfer, Review-Coaching und technische Entscheidungsfindung
• Aufbau einer modularen Architektur mit Nx & DDD als technisches Fundament für die weitere Entwicklung
• Deutliche Verbesserung der Testabdeckung durch die systematische Einführung von Cypress- und Jest-Tests
• Intensive Zusammenarbeit mit internen Entwicklern zum Aufbau von DDD-Strukturen und Teststrategien
• Auslieferung einer modernisierten UI mit Fokus auf Klarheit, Benutzerfreundlichkeit und moderne Webtechnologien, mit hoher Akzeptanz bei über 4.000 Außendienstmitarbeitern
• Ermöglichung des parallelen Betriebs des neuen Angular-Portals mit dem bestehenden .NET-System für eine schrittweise Migration des Vertriebsprozesses

• Fullstack-Entwicklung auf Basis von Next.js und TypeScript
• Entwicklung und Optimierung von Geodatenbankabfragen für PostgreSQL/PostGIS
• Visualisierung von Geodaten mit Mapbox
• Konzeption und Durchführung von Lasttests sowie Performance-Optimierungen
• Code-Reviews und Dokumentationsaufgaben
• Technologien: JavaScript, TypeScript, Next.js, React, Zod, tRPC, Storybooks, PostgreSQL/PostGIS, MicroORM, Knex, Material UI, Mapbox, BullMQ, Jest, Playwright, Artillery.io, K6, Sentry, Figma, GitLab, Grafana, GTFS

• Entwicklung des ginlo Messenger-Clients mit Fokus auf die strikte Einhaltung des deutschen Datenschutzrechts.

• Leitete eine Initiative zur Entwicklung einer IDE-Erweiterung (VSCode). Entwickelte Vision und Strategie, sammelte und klärte Anforderungen, programmierte einen Proof of Concept und führte interne Tests durch.
• Verantwortlich für Architekturentscheidungen und Abwägungen.
• Coachte andere Ingenieure und organisierte Wissensaustauschrunden.
• Tech-Stack: ReactJS, NodeJS, AWS, Docker, TypeScript, Jest, Vitest, VSCode API, git.

• Komplettneuentwicklung von centrotherm.de mit Next.js und Migration von Gatsby
• Ein System entwickelt, um automatisch druckbare Produktdatenblätter zu generieren
• Technologien: React, TypeScript, Storybook, SASS, Next.js, I18n

Alleinige Verantwortung für das Design-System einer Enterprise-Plattform zur Dekarbonisierung von Unternehmen; die Rolle wurde bei meinem Einstieg geschaffen. Ich verantworte Design-Intention, Tokens, Komponentenverträge, Dokumentation und Governance — Engineering verantwortet die Implementierung.

• Eine Design-System-Praxis aufgebaut, wo es zuvor keine gab: Token-Architektur, Komponentenspezifikationen, Audits, Dokumentation und Governance in einer Organisation, die jahrelang ohne Designteam ausgeliefert hatte.
• Die Design-seitige Quelle der Wahrheit neu aufgebaut — ein undokumentiertes, individuell angepasstes gekauftes Kit durch eine saubere Komponentenbibliothek und ein überarbeitetes Theme ersetzt und Code-Komponenten in Design gespiegelt, sodass beide Ebenen endlich dasselbe Produkt beschreiben.
• Überlappende Legacy-Komponenten zu einzelnen, vertragsbasierten Komponenten zusammengeführt und die Ausweitung von Konfigurationen durch auf Typebene ausgedrückte Intention ersetzt.
• Das System quantitativ geprüft — Token-Anzahl, Nutzungsquoten, Dichte von Überschreibungen und Verbreitung lokaler Komponenten — und aus „das System funktioniert nicht“ Zahlen gemacht, die Engineering nicht bestreiten konnte.
• Den Vorschlag verfasst, von Material UI auf eigene, standardbasierte Grundlagen zu migrieren: Headless-Primitives, einfaches CSS mit benutzerdefinierten Eigenschaften, Design-Tokens im W3C-Format und eine dokumentierte Komponentenbibliothek — als schrittweisen Piloten für die Komponente mit den größten Reibungsverlusten konzipiert, um das Modell ohne funktionales Risiko zu validieren.
• Die Argumentation für Executive-Stakeholder aufgebaut und präsentiert, einschließlich direkter Antworten auf die Einwände der Spezialisten, die am stärksten in den bestehenden Stack investiert waren.