Storybook Experts

Designing AI-native digital products by combining product strategy, UX research, interaction design, software engineering, and modern AI workflows. Leading projects from discovery to implementation while integrating AI throughout the entire product development lifecycle.

Key responsibilities

• → Product discovery, stakeholder workshops, Jobs-to-be-Done and user research
• → User journey mapping, information architecture and interaction design
• → Wireframes, high-fidelity UI, prototypes and scalable design systems in Figma and Penpot
• → AI-assisted interface generation and rapid concept exploration using Figma AI, Figma Make and generative design workflows
• → Design-to-code workflows with AI-supported frontend generation and engineering collaboration
• → Building accessible interfaces following WCAG 2.2 and enterprise design standards
• → Usability testing, iterative validation and KPI-driven product optimization
• → Development of AI knowledge systems, MCP-powered design workflows and human-in-the-loop review processes
• → Close collaboration with engineering teams to ensure production-ready implementation

• Designed role-based delivery assignment workflows, switchable between own fleet and partner carriers, with traceable status chains from „pending“ to „in delivery.“
• Designed AI-assisted route optimization, where dispatchers review drive-time-optimized route suggestions as drafts and apply them in one click.
• Designed a central planning interface for delivery and route management, bringing table view, map view, and route composition into a single workflow.
• Built interactive prototypes to align new product features early with stakeholders and engineering.

Key methods: AI-assisted Product Design, Workflow Design, Role-Based Workflows, Dashboard Design, Interaction Design, Prototyping, Logistics/Operations UX, Stakeholder Collaboration

• Leading end-to-end UX for two AI SaaS products in closed beta, including LLM-interaction design, prompt-UX, and human-in-the-loop patterns with commercial distribution signed for launch in Q3 2026
• Built a self-built LLM reframing and RAG-correction pipeline powering multi-profile CV and case-study generation in production use
• Shipping real code alongside research, including Three.js/GLSL portfolio work, Figma-API tooling, and a Chrome MV3 extension for session-sync automation

• Self-hosted table tennis equipment platform.
• Development of a custom “Racket Builder” that uses a co-evolutionary genetic algorithm to identify, evaluate, and recommend the optimal combinations of racket blades and rubbers based on physics heuristics and player data within a search space of over 4 billion combinations.
• Development of a custom fully automated web crawler to capture equipment specifications, integrating an automated pipeline for image normalization as well as data harmonization via DeepSeek.
• Cloudflare Edge Workers written in Rust to perform low-latency data searches and offload computationally intensive simulations from the main server.
• High performance and accessibility standards across a large Nuxt 4 codebase achieving 95–100/100/100 Lighthouse scores.

• 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

• Developed complex React/TypeScript frontend systems for highly customizable lens products.
• Designed internal tooling for validating and managing product configuration constraints.
• Led accessibility initiatives to align customer-facing applications with EU accessibility requirements.
• Worked extensively in large legacy codebases while incrementally improving maintainability and developer experience.
• Collaborated across multiple teams in an international e-commerce environment.

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.

• DTO class generator: In-house development of a tool for the automatic generation of classes, functions, and methods for use in .NET Core projects based on SAP Business One Service Layer metadata
• E-invoice import add-on: Development of a SAP Business One add-on / coresuite module for the automated import of ZUGFeRD e-invoices as incoming invoices – with configurable mapping to flexibly control the import logic across four mapping types (DIRECT, SQL, FIXED, EXPR). The add-on is available as a licensed product for SAP Business One customers.

Stack: SAP Business One, SAP Business One Service Layer, coresuite Country Package, C#

• Built a complete real-time multiplayer platform with game engine, lobby system, game tables, spectator mode, and persistent game history.
• Implemented product-relevant multiplayer workflows with WebSocket communication, live synchronization, voice chat, mobile app features, and push notifications.
• Developed a scalable full-stack architecture with authentication, PostgreSQL persistence, premium/billing integration, and extensive test coverage.

• Designing new apps as well as enhancing and running 29 Angular apps for digital claims in an Nx monorepo
• Maintaining and improving a shared component library with ~300 libraries for multiple product teams
• Migrating all apps to a new design system including its component library and systematic refactoring
• Developing and maintaining the CI/CD pipelines (Jenkins, Azure DevOps, Terraform, AWS)
• Managing releases independently including branch handling, versioning, PR coordination and production deployment
• Implementing and maintaining tracking (Adobe Analytics)
• Ensuring accessibility according to BFSG/WCAG
• Test-driven development (TDD) with Jest and Cypress
• Code reviews, mentoring and setting up best practices in the team
• Technologies: TypeScript, Angular 16-20, RxJS, NgRx, Nx (Monorepo), npm, HTML, (S)CSS, Storybook, Jest, Cypress, Cucumber, Husky, Node.js, Git, AWS, Azure DevOps (Repos & Pipelines), Jenkins, Terraform, TDD, BFSG, WCAG, Nexus, IntelliJ, Adobe Analytics

• Design and build client web apps and self-directed products end-to-end, covering product design, design systems, and full-stack front-end on React, TypeScript, Tailwind, and Supabase.
• Designed and shipped a compliance and staff-records web application for a UK transport operator, covering data modelling, UX, and front-end build on Supabase with row-level security and Edge Functions.
• Built Merita, a private-by-default achievement-tracking and performance-review app, in a 48-hour hackathon (SheBuilds). It covers win logging linked to goals and competency frameworks, AI-assembled review packets with token-gated sharing, and a Promotion Readiness view, and is built on React, TypeScript, Tailwind, shadcn/ui and Supabase with row-level security and Edge Functions.
• Designed and built Pantressa, a grocery-tracking, meal-planning and budgeting app, owning product design through front-end delivery on React, TypeScript, Tailwind and Supabase.

• Billing software for the second-highest security authority of the Federal Republic of Germany
• Passed security clearance level 2
• Frontend and backend development
• Consulting on the introduction, design, implementation, and development of technical components
• Code reviews, component testing, module testing, group module testing
• Implementation of UI/UX design
• Used technologies: HTML, CSS/SCSS, JavaScript, Node.js, Vue 3, PrimeVue, Webpack, Vuex, Momentum, Jest, NPM, Lodash, Java 17, Spring Boot, Lombok, GraphQL, JUnit, Maven, Keycloak, Python, Docker, CI/CD, Kubernetes, Oracle SQL, Postman, Storybook, Microservices, Monorepo, Jira, Confluence, Scrum, GitLab, AWS, IntelliJ, Visual Studio Code, Neovim, XLSX, responsive Webdesign, BITV 2.0 (U.S. Section 508) / WCAG 2.2

• Selection and evaluation of different frontend frameworks for a headless CMS

• Consulting the UI/UX team on the design system

• Technologies:

• Figma

• Design Token

• Tailwind

• Storybook

• React

• NextJs

• Strapi

• AJAX

• Confluence

• CSS3

• Docker

• Eslint

• Git

• GraphQL

• HTML5

• IntelliJ/WebStorm

• JAM Stack

• Jasmine

• Jenkins

• Jira

• JSON

• JSX

• Mocha

• Native JavaScript (ES6)

• NodeJS

• Prettier

• REST

• REST APIs

• SCSS

• SSR

• StyleGuides

• SVG

• TypeScript

• Webpack

• Development of backend, frontend, and BPMN processes in the Atlas Centralised Clearance for Import project
• Definition and implementation of REST, JMS, and SOAP endpoints
• Implementation of database access with JPA
• Implementation of BPMN processes with Camunda
• Frontend implementation with React
• Configuration of JBoss via CLI
• Performing code reviews
• Participating in communities of practice for developers and architects
• Implementation of frontend-backend communication with WebSockets