Storybook Experten in München

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

Gründung und Leitung von userdoo seit 2023. UX-Strategie, hands-on Product Design und fachliche Führung kleiner Designteams. Zusammenarbeit mit Product Ownern und Entwicklung; Designsysteme, Prototyping, Nutzertests und AI-gestützte Design-to-Code-Workflows.

Unter anderem:

ZEISS Vision Care – UX-Strategie, Konzeption und Design

Myopia Management (Myopie-Management)

Konzeption und Design eines Tools für das Myopie-Management. Unterschiedliche fachliche Konzepte und geräteabhängige Abläufe wurden zu einem konsistenten Gesamtworkflow zusammengeführt. Im Mittelpunkt stand eine verständliche Bedienung über die verschiedenen Gerätetypen und deren Einsatz im Prozess hinweg.

Digitaler Workflow beim Optiker

Fachliche UX-Führung bei der Neukonzeption digitaler Abläufe für den gesamten Optikerbesuch. Strukturierung der Nutzererfahrung rund um Patienten, Besuche sowie Untersuchungs- und Beratungsabläufe. Verantwortung für die konzeptionelle Richtung und eigene Gestaltung zentraler Workflows.

Mentoring junger Designer und Begleitung von Designern in neuen Lead-Rollen. Individuelle Sessions zu DesignOps, strategischen Fragestellungen und fachlicher Führung.

B2C-Brillenshop für Indien

Konzeption und UX/UI-Design eines vollständigen E-Commerce-Shops für Brillen. Gestaltung der B2C-Kauferfahrung unter Berücksichtigung der Anforderungen des indischen Marktes. Enge Zusammenarbeit mit dem Projektteam und dem lokalen Markt; Abstimmung und Weiterentwicklung der Konzepte anhand von Marktfeedback und Rückmeldungen aus den vor Ort durchgeführten Tests.

poolinq – UX für eine neue Software zur Bestandsführung

Aufbau der UX von Grund auf: Produktanforderungen strukturieren, zentrale Nutzerabläufe entwickeln und in ein zusammenhängendes Bedienkonzept übersetzen. Im Mittelpunkt stehen Bestandsführung, Belegverarbeitung sowie die Erfassung von Warenein- und -ausgängen. AI-gestützte Belegerkennung und Zuordnung so gestalten, dass Nutzer die Ergebnisse nachvollziehen und prüfen können. Enge Zusammenarbeit mit dem Produkt- und Entwicklungsteam.

FerniLoy – Digitaler Begleiter für den Möbelhandel

UX-Konzeption und Prototyping für einen digitalen Verkaufs- und Produktbegleiter. Aufbau eines Multibrand-Designsystems, das unterschiedliche Marken auf einer gemeinsamen Grundlage abbildet. Design Tokens, Komponenten und Varianten in Figma mit Flutter und Widgetbook verbinden. Gemeinsame Abstimmung von Nutzerabläufen, Designsystem und Umsetzung mit dem Produkt- und Entwicklungsteam.

TYCT – UX und Designsystem für ein B2B-Portal

Informationsarchitektur und Interaktionskonzepte für datenreiche Arbeitsbereiche mit komplexen Statusabläufen. Informationen, Zuständigkeiten und nächste Schritte auf Listen-, Detail- und Bearbeitungsseiten klar strukturieren. Aufbau eines Designsystems mit wiederverwendbaren Komponenten, Zuständen und Seitentypen. Fachliche Leitung des Designteams und enge Abstimmung mit dem Lead Developer.

• 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