UX/UI Designer with a background in B2B SaaS, fullstack development and data analytics. I work at the intersection of design and code, translating Figma concepts into production-ready React components and backing design decisions with real behavioral data.
I build interfaces that solve real problems: from design systems and component libraries to AI-assisted workflow tools, behavioral analytics dashboards and self-assessment products.
- UI/UX design and design systems with Figma, React and Tailwind CSS
- Design-to-code workflows without a handoff gap
- Behavioral analytics and dashboard storytelling with GA4, BigQuery and Tableau
- Privacy-conscious tracking setups with PostHog
- AI-assisted design and development workflows with Claude Code
- Building portfolio projects around real UX and data problems I recently completed professional training in Data Analytics and AI, covering Python, SQL, BigQuery, clustering, A/B testing and AI-assisted workflows, building on 4+ years of UI design experience in B2B SaaS.
I design interfaces and build them. Four years of B2B SaaS at a product company, followed by a fullstack development bootcamp and a data analytics programme. The result: I can own a feature from Figma to deployed React component — without the handoff gap.
Currently based in Cologne. Open to B2B SaaS roles in NRW, Germany or remote.
GA4 Behavioral Segmentation: Case Study. K-means clustering of 270k+ Google Merchandise Store users into four behavioral segments, from BigQuery through Python to an interactive dashboard.
Human Review of an AI-Generated Redesign: Case Study. Figma Make rebuilt a responsive navbar from six screenshots; the review surfaced two failure modes in AI-generated UI output.
A Preset Model for Updating Layouts: Case Study. Redesigning a preset selector for a B2B presentation software add-in, from four ambiguous options to three named presets.
Nebeko: Case Study + AI Workflow. UX research and an AI-assisted workflow tool solving a real problem in German utility billing (Nebenkostenabrechnung).
LinkedIn Readiness Wheel: Case Study + Tool. An interactive self-assessment tool for LinkedIn profile optimisation, built without framework dependencies.
Portfolio 2024-2025: Archived. Fullstack projects from the WBS Coding School bootcamp (2024), separate site, no longer maintained.
Design: Figma, Adobe CC, design systems, component documentation Frontend: React, TypeScript, Tailwind CSS, HTML/CSS, JavaScript Backend / Data: Node.js, Express, MongoDB, PostgreSQL, Python, dbt Methods: UX research, usability testing, information architecture, Agile/Scrum
- 4+ years UI design in B2B SaaS: Slides add-in, Document Automation, icon system
- Fullstack Web Development Bootcamp: WBS Coding School (2024)
- Data Analytics & AI Bootcamp: neuefische / SPICED Academy (2026)
- M.A. User Experience Design, B.A. Mediendesign: Rheinische Hochschule Köln
An end-to-end analytics case study based on Google Merchandise Store data (270k+ users, BigQuery). K-means clustering identified four behavioral segments, visualised in an interactive Tableau dashboard and documented as a full case study.
Focus areas: behavioral segmentation, clustering, dashboard storytelling, data-driven UX decisions.
Stack: Python, BigQuery, SQL, Tableau, Claude Code
🧾 Nebeko
An AI-assisted workflow tool addressing a real problem in German utility billing (Nebenkostenabrechnung). Identified through user observation, designed and built end-to-end from research to deployed prototype.
Focus areas: UX research, problem framing, AI-assisted workflow design, end-to-end ownership.
Stack: React, TypeScript, Tailwind CSS, Claude Code
An interactive self-assessment tool for LinkedIn profile optimisation, built without framework dependencies to keep it lightweight and fast.
Focus areas: interaction design, vanilla JS architecture, self-assessment UX.
Stack: JavaScript, HTML5, CSS3, Claude Code
My work includes:
- Designing and maintaining component libraries and icon systems for B2B SaaS products
- Translating Figma designs into production React/TypeScript components without handoff loss
- Setting up design tokens pipelines (Style Dictionary, Tokens Studio, DTCG format)
- Running behavioral analytics with GA4, BigQuery and PostHog to inform design decisions
- Building and deploying interactive case studies and self-assessment tools
- Conducting UX research from problem identification through to prototype
Some projects are private, under NDA, or currently in progress.
I care about the gap between design and code. A component isn't done when it looks right in Figma: it's done when it ships correctly, holds up across screen sizes, and is documented well enough that someone else can maintain it.
For data-informed projects, I follow the full path: source data, assumptions, transformations, and the actual business or user question behind the numbers. Not just the visualisation at the end.