Design Tokens Experten in Deutschland

Produktentwicklung für die Miele App – Designsystem, UX und End-to-End-Produktverantwortung.

• Designsystem aufgebaut und erweitert – Komponenten, Design-Tokens, Übergabe an die Entwicklung
• Nutzerabläufe und Customer Journeys für zentrale App-Funktionen (Gerätesteuerung, Rezepte, Wartung)
• Usability-Tests und iterative UX-Verbesserungen
• KI-gestützte Personalisierung – intelligente Programmempfehlungen auf Grundlage des Nutzungsverhaltens
• KI-Tools im Design-Workflow: automatisierte Accessibility-Checks, Figma AI, schnelles Prototyping
• Nutzerforschung mit KI synthetisiert – Interviews, Feedback und Usability-Daten zu strukturierten Erkenntnissen verdichtet

Entwicklung KI-nativer digitaler Produkte durch die Kombination von Produktstrategie, UX-Forschung, Interaction Design, Software Engineering und modernen KI-Workflows. Leitung von Projekten von der Discovery bis zur Umsetzung, wobei KI über den gesamten Produktentwicklungszyklus hinweg integriert wird.

Hauptaufgaben

• → Product Discovery, Stakeholder-Workshops, Jobs-to-be-Done und Nutzerforschung
• → User-Journey-Mapping, Informationsarchitektur und Interaction Design
• → Wireframes, High-Fidelity-UI, Prototypen und skalierbare Design Systems in Figma und Penpot
• → KI-gestützte Oberflächengenerierung und schnelle Konzeptentwicklung mit Figma AI, Figma Make und generativen Design-Workflows
• → Design-to-Code-Workflows mit KI-gestützter Frontend-Generierung und Zusammenarbeit mit Engineering
• → Aufbau barrierefreier Oberflächen nach WCAG 2.2 und Enterprise-Design-Standards
• → Usability-Tests, iterative Validierung und KPI-getriebene Produktoptimierung
• → Entwicklung von KI-Wissenssystemen, MCP-gestützten Design-Workflows und Human-in-the-Loop-Review-Prozessen
• → Enge Zusammenarbeit mit Engineering-Teams, um eine produktionsreife Umsetzung sicherzustellen

• Habe rollenbasierte Workflows für die Disposition und Zustellung entworfen, umschaltbar zwischen eigenem Fuhrpark und Partner-Transportunternehmen, mit nachvollziehbaren Statusketten von „pending“ bis „in delivery.“
• Habe KI-gestützte Routenoptimierung entworfen, bei der Disponenten fahrzeitoptimierte Routenvorschläge als Entwurf prüfen und mit einem Klick übernehmen.
• Habe eine zentrale Planungsoberfläche für Liefer- und Routenmanagement entworfen, die Tabellenansicht, Kartenansicht und Routenkomposition in einem einzigen Workflow zusammenführt.
• Habe interaktive Prototypen gebaut, um neue Produktfunktionen früh mit Stakeholdern und Engineering abzustimmen.

Wichtige Methoden: KI-gestütztes Produktdesign, Workflow-Design, rollenbasierte Workflows, Dashboard-Design, Interaction Design, Prototyping, UX für Logistik/Operations, Stakeholder-Zusammenarbeit

• Leitete die Bemühungen zur Steigerung der Konsistenz und der Benutzerfreundlichkeit für ein deutlich intuitiveres Erlebnis
• Arbeitete mit den Gründern zusammen, um durch Product Discovery eine neue Go-to-Market-Strategie zu entwickeln
• Leitete den Prozess der Erstellung der neuen Firmenwebsite von Konzept und Wireframes über Design bis zur finalen Umsetzung in Webflow
• Responsives Webdesign
• WCAG
• Unternehmens-Branding
• Produkt-Discovery
• MVP
• Produktdesign
• Nutzererfahrung
• Schnelles Prototyping

Produkt- und Interaktionsdesign für Beratungssoftware und digitalen Handel. Für MyoConsult / EWO: Patienten-Onboarding, Erstbesuche, Übersichten, Einwilligungen und Nachfassaktionen, Geräteintegration und Informationsarchitektur zur Verbindung von Beratungsabläufen. Experience Maps, Workflow-Konzepte und Testprototypen unterstützten die Überarbeitung.

Für Vision Shop / OCS Marketplace: verknüpfte Auswahl von Fassungen und Gläsern, Eingabe von Rezeptdaten, Auswahl des Anbieters sowie Warenkorb- und Checkout-Abläufe.

• Vollständiger Greenfield-Neuaufbau über den gesamten Stack — AI-native umgesetzt: Backend in Go und NestJS, PostgreSQL (CNPG) auf K3s mit GitOps/Terraform; Frontend mit Angular 22, zonenlos.
• Coding-Agenten (z. B. Claude Code, Cursor) über den gesamten Lifecycle orchestriert — Architektur, Implementierung, Tests, Reviews und Dokumentation — auf Basis von Specification-Driven Development (SDD).
• „Bruno“ — LLM-Kommentator-Persona mit RAG und MCP für eine konsistente Persönlichkeit über alle Generierungen hinweg (Vorberichte, Nachberichte, eigene virtuelle Wetten).

Angular 22 (zoneless, ohne Zone.js), Claude Code, Claude Code Skills, CNPG, Cursor, Design Tokens (Spec for Code), Docker, Gherkin, Git, GitLab, GitOps, Go, Google Gemini, Grafana, Hetzner Cloud, K3s, Keycloak, Kubernetes, Lighthouse, LLM-Integration, Model Context Protocol (MCP), NestJS, Node.js, NPM, Playwright, PostgreSQL, Prometheus, RAG, REST, Specification-Driven Development (SDD), Structured Outputs, Terraform, TypeScript, Vitest

• UX- und Produktstrategie
• digitale Transformation
• digitale Markenstrategie
• Customer-Experience-Plattformen
• Stakeholder-Workshops
• Design Leadership

• Entwicklung einer barrierefreien, responsiven Website anhand von Figma Designs für ein Sport-Großevent 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), 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 hinsichtlich Accessibility, Performance und Wartbarkeit

Markenübergreifendes Design System

Schwerpunkt: Ursachenanalyse wiederkehrender Layout-Abweichungen in Komponenten des Design Systems. Die Ursache lag in der Einbindung der visuellen Regressionstests (BackstopJS) in den Build- und Freigabeprozess: Abweichungen wurden nicht blockiert, Referenzbilder ohne Freigabe ersetzt.

Empfehlungen für einen abgesicherten Workflow mit verpflichtender Freigabe und Testergebnis als Merge-Voraussetzung. Mitarbeit am Nachfolgesystem auf Basis von Lit/Web Components.

Technologien: Lit, Web Components, SCSS, Gulp, BackstopJS, GitHub Enterprise, JFrog Artifactory

Open-Banking- und Payment-Plattform im europäischen Bankenumfeld

• Konzeption von my.LUXHUB: ein einheitliches Kundenportal, das mehrere bestehende Portale mit zentraler Navigation und Identity zusammenführt, inklusive Audit und Redesign von Legacy-Oberflächen
• End-to-End-Design der Portale FIGW (Fraud Intelligence Gateway) und Wero: datenintensive Workflows, Status- und Fehlerzustände, Batch-Operationen
• Token-basiertes Design System mit semantischen Zuständen und Dev-Handoff-Dokumentation als Referenz für alle Plattformprodukte
• Mehrsprachige UX-Texte (DE, EN, FR) für zahlungskritische und regulatorische Flows
• Enge Zusammenarbeit mit Produktmanagement, Engineering und Stakeholdern in einem vierköpfigen Designteam

• Kund:innen-Web-Apps und selbst initiierte Produkte End-to-End entwerfen und bauen, inklusive Produktdesign, Design Systems und Full-Stack-Frontend mit React, TypeScript, Tailwind und Supabase.
• Eine Compliance- und Mitarbeiterdaten-Webanwendung für einen britischen Verkehrsbetreiber gestaltet und ausgeliefert, inklusive Datenmodellierung, UX und Frontend-Umsetzung auf Supabase mit Row-Level Security und Edge Functions.
• Merita entwickelt, eine standardmäßig private App zur Erfolgserfassung und Leistungsbeurteilung, in einem 48-Stunden-Hackathon (SheBuilds). Sie umfasst das Erfassen von Erfolgen, verknüpft mit Zielen und Kompetenzrahmen, von AI zusammengestellte Review-Pakete mit token-geschütztem Teilen und eine Ansicht zur Promotion-Readiness und basiert auf React, TypeScript, Tailwind, shadcn/ui und Supabase mit Row-Level Security und Edge Functions.
• Pantressa gestaltet und gebaut, eine App für Lebensmitte-Tracking, Essensplanung und Budgetierung, mit Verantwortung für das Produktdesign bis zur Frontend-Auslieferung auf React, TypeScript, Tailwind und Supabase.

• Wirkung: Arcate verwandelt verstreute Kundensignale in bewertete Produktentscheidungen für B2B-Produktteams. Jede Initiative wird nach dem gefährdeten Umsatz priorisiert. Jede Entscheidung ist vom Kundenzitat bis zur Vorstandspräsentation nachvollziehbar. Allein entwickelt und produktiv eingesetzt. Das Modell wurde in 60 Simulationsläufen mit Kendall's tau = 0,924 gegenüber der Einschätzung erfahrener Product Manager validiert.

• Kompetenzen: Künstliche Intelligenz, KI-Agenten, Large Language Model (LLM), RAG, Model Context Protocol (MCP), agentische Workflows, Supabase, TypeScript, Deno, PHP, Stripe, PostgreSQL, Produktstrategie, Positionierung, GTM

• Fähigkeiten:

• Signalerfassung: Slack, Intercom, Gong, Salesforce, HubSpot. Signale werden nach ihrer geschäftlichen Bedeutung klassifiziert, um Entscheidungen zu Umsatzrisiken zu priorisieren.

• Umsatzbewertung: Fermi-Leverage-Modell. Initiativen werden nach gefährdetem Kunden-ARR, Signalstärke und Bestätigung durch mehrere Accounts bewertet.

• Roadmap-Intelligence: Jede Entscheidung ist vom ursprünglichen Kundensignal bis zur bewerteten, vorstandstauglichen Entscheidung nachvollziehbar.

• Entwickelt:

• MCP-Server (v0.10.0): 12 Tools, JSON-RPC 2.0, Supabase Edge Functions, SHA-256-Authentifizierung für API-Schlüssel.

• Bewertungs-Engine: Logarithmisch gewichteter ARR, durch Quadratwurzel gedämpfte Signalstärke, Bestätigung von Signalen durch mehrere Accounts.

• Agentische Workflows: 18 automatisierte Pipelines für Release, Bereitstellung, Design-QA, Guard-QA und Signalerfassung über Slack-Agenten.

• KI-Fähigkeiten: 7 kodifizierte Fähigkeiten, darunter CEO Prioritizer, Design System Enforcer, MCP QA und Simulation Runner.

• Automatisierte Qualitätssicherung: Browserbasierte Screenshot-Validierung jedes Bildschirms anhand von Design Tokens bei jedem Build.

• Vollständige SaaS-Anwendung: Authentifizierung, Abrechnung, Medien-Pipeline, Design-System. Allein produktiv eingesetzt.

• Technologie-Stack: Supabase (Authentifizierung, DB, Edge Functions, Echtzeit), Stripe, Cloudinary, PHP, TypeScript, Deno

• Auswahl und Evaluierung verschiedener Frontend-Frameworks für ein Headless CMS

• Beratung des UI/UX-Teams zum Designsystem

• Technologien:

• 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

• Verantwortlich für die gesamte Software-Architektur des Elterngeld-Portals
• iOS- und Android-App mit React Native und Expo, einschließlich Push- und OTA-Updates
• Veröffentlichungen in den Stores über App Store Connect und Google Play Console
• TypeScript-Monorepo für App, Website und Backend, Web mit Next.js und Tailwind
• Eigene Promo-, Gutschein- und Rabattlogik mit Kontakt- und Segmentlogik
• Zahlungen über RevenueCat und In-App-Käufe, Authentifizierung mit BetterAuth
• REST-APIs auf Basis von OpenAPI, PostgreSQL mit Prisma und Drizzle
• Self-Hosting bei Hetzner mit Docker, Coolify, Terraform und GitHub Actions
• Tests mit Vitest, Playwright und visuelle Regressionstests mit Chromatic
• Observability über Grafana Cloud und Fehlerüberwachung mit Sentry
• Performance-Marketing über Meta Ads, gemessen mit eigenem Event-Tracking
• Das Produkt auf 20.000 App-Nutzer mit einer Kaufrate von knapp 12 % ausgebaut
• Geschäftsführer seit 04.2025, verantwortlich für Produkt und Technologie