Storybook Experten in Munich

• 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

Projekt für einen führenden deutschen E-Mail- und Cloud-Dienstleister: Als Senior Frontend Developer und Technical Web Architect 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.

• Integration der LangChain-Middleware zwischen AEM und SAP-PIM-System
• Entwicklung einer FastAPI-Schnittstelle für die Systemkommunikation
• Implementierung von Vektor-Embeddings für die semantische Produktsuche
• Evaluation von LLM-Modellen (Vertex AI/Gemini, LM Studio, Hugging Face, OpenAI) für Produktanalysen
• Entwicklung einer AEM-Komponente zur Anzeige von Produktempfehlungen und Integration der Empfehlungs-API in den AEM-Authoring-Prozess
• Konzeption und Implementierung einer Pinecone-Vektordatenbank für Produkt-Embeddings
• Optimierung von Antwortzeiten und Caching-Strategien
• Evaluation von Vertex AI Studio für LLM-Tests und Prompt-Workflows
• Umsetzung sicherer API-Routing- und Zugriffskontrollen für KI-Komponenten per FastAPI und Gateway-Validierung

• 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

• Entwicklung einer barrierefreien, responsiven Website auf Basis von Figma-Designs für ein großes Sportevent 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), mit 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 in Bezug auf Barrierefreiheit, Performance und Wartbarkeit

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

• Fullstack-Entwicklung auf Basis von Next.js und TypeScript
• Entwicklung und Optimierung geospatialer Datenbankabfragen für PostgreSQL/PostGIS
• Visualisierung geospatialer Daten 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

• 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

Alleinverantwortlicher für das Designsystem einer Enterprise-Corporate-Decarbonisation-Plattform; die Rolle wurde bei meinem Einstieg neu geschaffen. Ich verantworte Design-Intention, Tokens, Komponentenverträge, Dokumentation und Governance — die Implementierung liegt beim Engineering.

• Eine Designsystem-Praxis dort aufgebaut, wo es vorher keine gab: Token-Architektur, Komponentenspezifikationen, Audits, Dokumentation und Governance in einer Organisation, die über Jahre ohne Designteam ausgeliefert hatte.
• Die Design-seitige Single Source of Truth neu aufgebaut — ein undokumentiertes, individuell verändertes gekauftes Kit durch eine saubere Komponentenbibliothek und ein neu gebrandetes Theme ersetzt und die Code-Komponenten ins Design gespiegelt, sodass beide Ebenen endlich dasselbe Produkt beschreiben.
• Überlappende Legacy-Komponenten in einzelne, vertraglich definierte Komponenten zusammengeführt und Konfigurations-Wildwuchs durch auf Type-Ebene ausgedrückte Intention ersetzt.
• Das System quantitativ geprüft — Token-Anzahl, Adoptionsquoten, Override-Dichte, Verbreitung lokaler Komponenten — und so "das System funktioniert nicht" in Zahlen übersetzt, die das Engineering nicht bestreiten konnte.
• Den Vorschlag ausgearbeitet, von Material UI auf eigene, standardbasierte Grundlagen umzusteigen: Headless-Primitives, reines CSS mit Custom Properties, Design Tokens im W3C-Format und eine dokumentierte Komponentenbibliothek — als gestufter Pilot am reibungsintensivsten Baustein, um das Modell ohne funktionales Risiko zu beweisen.
• Den Business Case für Executive-Stakeholder aufgebaut und präsentiert, inklusive direkter Antworten auf die Einwände der Spezialisten, die am stärksten in den bestehenden Stack investiert waren.