Storybook Experts in Munich

Product and interaction design for consultation software and digital commerce. For MyoConsult / EWO: patient onboarding, first visits, overviews, consent and follow-ups, device integration and information architecture connecting consultation workflows. Experience maps, workflow concepts and test prototypes supported revisions.

For Vision Shop / OCS Marketplace: connected frame and lens selection, prescription entry, provider selection, basket and checkout journeys.

• Designing AI-first workflows that integrate AI into existing product experiences
• Developing UX concepts for prompt management, reusable and combined prompt workflows, tagging, search and information organisation
• Creating user flows, wireframes, prototypes and high-fidelity interfaces in Figma
• Defining reusable UI patterns, components and interaction logic for scalable products
• Exploring human-AI interaction patterns with emphasis on user control, transparency and manageable cognitive load
• Translating product requirements and technical constraints into developer-ready UX/UI specifications

Conducted an independent technical assessment of an AI-enabled software platform, combining AI risk auditing, cybersecurity analysis and software architecture review. Reviewed application components, APIs, data flows, LLM integrations, retrieval-augmented generation, multi-agent orchestration, authentication, tenant isolation, dependency vulnerabilities, AI governance and model lifecycle controls. Authored a technical audit report with a structured risk register, source-code evidence, regulatory references, corrective actions, AI system inventory, risk classification, remediation roadmap and Key Risk Indicators.

Technologies: 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

Project for a leading German email and cloud service provider: As Senior Frontend Developer and Technical Web Architect, I developed an international, multi-tenant white-label consent management layer for multiple brands.

Main tasks:

• Architecture and implementation with Vue 3, TypeScript, and Vite
• Development of automated tests with Vitest and Playwright
• Creation of brand-specific CMP configurations, CSS themes, i18n structures, and vendor settings
• Implementation of playout and initialization logic as well as backend integration
• Technical decision support, project, and code documentation

Impact: Replacement of external CMP solutions with a reusable and long-term maintainable in-house foundation for several international brands and rollouts.

Technologies: Vue 3, TypeScript, Vite, Vitest, Playwright, IAB TCF, Google Additional Consent, i18n, Git, CI/CD.

• Technologies: 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
• Technical conception and further development of a modern Angular web application as part of the portal migration
• Built a modular frontend architecture with Nx and clear separation of domain and technical layers (Clean Architecture)
• Introduced and implemented Domain-Driven Design in the frontend context, including layer model and linting rules for code organization
• Developed reusable UI components and features using Angular, NgRx and RxJS
• Integrated the application with backend services via REST APIs
• Ensured high code quality through structured code reviews, testing with Jest and Cypress and introduction of guidelines
• Performed regular upgrades to new Angular versions to ensure long-term maintainability
• Collaborated closely with internal developers, product owners and stakeholders for requirements analysis and solution finding
• Supported the team through active knowledge transfer, review coaching and technical decision making
• Established a modular architecture with Nx & DDD as the technical foundation for future development
• Significantly improved test coverage through systematic introduction of Cypress and Jest tests
• Facilitated intensive collaboration with internal developers to build DDD structures and testing strategies
• Delivered a modernized UI focusing on clarity, usability and modern web technologies, achieving high acceptance by over 4,000 field staff
• Enabled parallel operation of the new Angular portal with the existing .NET system for phased migration of the sales process

• Fullstack development based on Next.js and TypeScript
• Development and optimization of geospatial database queries for PostgreSQL/PostGIS
• Visualization of geospatial data using Mapbox
• Design and execution of load tests and performance optimizations
• Code reviews and documentation tasks
• Technologies: 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

• Development of the ginlo Messenger client, emphasizing stringent data protection compliance as mandated by German legislation.

• Led an initiative to develop an IDE extension (VSCode). Created a vision and strategy, gathered and clarified requirements, coded a PoC and performed internal testing.
• Responsible for the architectural decisions and tradeoffs.
• Coached and organised knowledge sharing sessions with other engineers.
• Tech stack: ReactJS, NodeJS, AWS, Docker, TypeScript, Jest, Vitest, VSCode API, git.

• Did a complete rewrite of centrotherm.de with Next.js, migrating from Gatsby
• Built a system to automatically generate printable product datasheets
• Technologies: React, TypeScript, Storybook, SASS, Next.js, I18n

Sole owner of the design system for an enterprise corporate-decarbonisation platform; the role was created on joining. I own design intent, tokens, component contracts, documentation and governance — engineering owns implementation.

• Established design system practice where none existed: token architecture, component specifications, audits, documentation and governance, in an organisation that had shipped for years without a design team.
• Rebuilt the design-side source of truth — replaced an undocumented, individually modified purchased kit with a clean component library and rebranded theme, and mirrored code components into design so both layers finally describe the same product.
• Consolidated overlapping legacy components into single contract-driven components, replacing configuration sprawl with intent expressed at the type level.
• Audited the system quantitatively — token counts, adoption ratios, override density, local-component proliferation — converting "the system isn't working" into figures engineering could not dispute.
• Authored the proposal to migrate off Material UI onto owned, standards-based foundations: headless primitives, plain CSS with custom properties, W3C-format design tokens and a documented component library — scoped as a staged pilot on the highest-friction component to prove the model without functional risk.
• Built and presented the case to executive stakeholders, including direct answers to the objections raised by the specialists most invested in the existing stack.