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

Co-founded a software agency building custom web and cross-platform products. I owned the technical decisions across the whole portfolio and led 12 people, while carrying delivery planning, process and client relationships for 11 clients across 3 industries.

• Technical leadership: owned the technical decisions for the codebase across every project — stack, architecture, code conventions and the tooling the team worked with — and led the developers on how work got built through code reviews, pair programming and mentoring across a team ranging from junior to senior, keeping the codebase coherent as the portfolio and the team grew

• Delivery planning against the financial plan: built the company's financial plan and derived from it the billable hours each developer had to reach per month and the hours each project could absorb to stay within budget; planned capacity and scope against those figures and negotiated budgets and delivery dates directly with clients

• Client ownership: technical contact across the portfolio — requirements gathering and prioritisation, scoping and estimates, timeline communication, budget negotiation, and consistent transparency throughout delivery

• Team and people: owned the hiring and interview process end to end and took responsibility for offboarding where it was needed; designed an onboarding that got new developers productive within 1–2 days; cleared blockers daily and kept a close eye on where effort was creating value and where it was not

• Process ownership: consolidated a micro-service landscape spread over 15+ repositories into a single monorepo, cutting backend development time by ~40% and simplifying releases for 6 engineers; set up deployment pipelines with GitHub Actions and GitLab CI; ran retrospectives and turned the feedback into concrete changes; introduced AI agents into day-to-day development

• Delivered short-staffed: when the team shrank from 8 developers to 2, restructured scope, introduced AI-assisted development to hold the schedule and took on Go backend work alongside my own frontend scope

• Architecture and code: defined the architecture for every project in the portfolio — the structure the rest of the team built within — and wrote roughly 90% of the frontend code myself, from SSR applications with Next.js and Remix to cross-platform apps with Capacitor

• From zero to production: took a practice management platform — administration, inventory, integrated online shop, chat messenger — from an empty repository to production. Live in 7 markets with at least 7 more coming up, serving tens of thousands of users

• Delivery under pressure: built and shipped a replacement online shop for a Fortune 250 client in 4 days, restoring order intake while their global shops had been offline for several weeks

• Design system: built a cross-project design system used across 7 products, so new projects and features started from a shared, consistent base

• Cross-platform and real-time: built iOS and Android apps with Capacitor for a client live event with 1,000+ participants — web sockets and push notifications for real-time content, Stripe payments supporting PayPal, Apple Pay, Google Pay and cards

Key technologies: React, TypeScript, Next.js, Remix, GraphQL, ConnectRPC, Redux, Zustand, Go, Node.js, Turborepo, Nx, Capacitor, Ionic, WebSockets, Stripe, PostgreSQL, Playwright, Cypress, Vitest, Storybook, GitHub Actions, GitLab CI, Claude Code, Cursor, GitHub Copilot

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

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.

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

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

• Built more than 15 frontend applications and more than 10 backend services across internal tools, back-office workflows, and external portals for installers and end customers
• Automate build and release workflows with TypeScript and Azure DevOps
• Mentor junior engineers through code reviews and technical guidance
• Integrate AI-assisted and agentic development practices into engineering workflows
• Coordinate user experience decisions with UX designers

Tech Stack: Claude Code, Codex, AWS (S3, Lambda, AppSync, Resolver), Next.js App Router, ReactJS, NuxtJS, Vue.js, Storybook, JavaScript, TypeScript, GraphQL, Azure DevOps

• 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