Als UX Engineer schließe ich die Lücke zwischen Design und Code: Ich entwerfe komplexe Interfaces und baue sie anschließend selbst als lauffähige, barrierefreie Software. Design bleibt Theorie, solange es nicht im Browser funktioniert — genau an diesem Übergang setzt meine Arbeit an.
//moin Schlawiner:in
Ich gestalte nicht nur — ich baue.
Konkret bedeutet das: Ich übernehme die Schnittstelle, an der Entwürfe traditionell an die Entwicklung übergeben werden, und liefere statt statischer Bilder produktionsreife Komponenten in React, Next.js oder Svelte. Barrierefreiheit (WCAG / BITV) und Designqualität bleiben dabei kein nachträglicher Kompromiss, sondern von Beginn an Teil des Codes. Für interdisziplinäre Produktteams heißt das: null Reibungsverlust bei der Übergabe, valide High-Fidelity-Prototypen und ein fertiges Produkt, das exakt so performt, wie es geplant war.
// Philosophie
Digitale Produktentwicklung in der Praxis
Mein Fokus liegt auf dem iterativen Lösen komplexer UX-Probleme, dem kontinuierlichen Validieren von UI-Komponenten direkt im Code und der langfristigen Begleitung nachhaltiger digitaler Produkte — nicht auf einmaligen Übergaben, sondern auf Systemen, die über Jahre tragen müssen.
// Expertise
UX & Frontend Kernkompetenzen
UX Strategy & Pragmatischer Research
Pragmatische Nutzerforschung statt ungenutzter Mammut-Berichte. Ich nutze qualitative Nutzertests, heuristische Audits und Nutzungsdaten für direkt verwertbare Produkt-Insights.
Fokus auf schnelle Validierungszyklen und messbare Usability-KPIs vor jeder Entwicklungsphase.
Design Systems & Token-Architektur (Figma to Code)
Die technologische Brücke zwischen UI-Design und Repository. Aufbau, Governance und Skalierung konsistenter Komponentenbibliotheken und Design Tokens.
Synchronisation von Figma-Variablen mit Git-Repositories über deterministische Naming-Conventions.
Frontend-Architektur & Moderne Web-Standards
Nachhaltiger UI-Code mit kompromissloser Performance. Fokus auf moderne Web-Interfaces unter Verwendung von Svelte 5, React, Next.js und TypeScript.
Reaktive State-Architektur, modulare Komponenten und extrem schlanke Client-Bundles.
High-Fidelity & KI-gestütztes Prototyping
Wenn statische Layouts nicht mehr ausreichen, baue ich funktionale Prototypen mit echten Datenstrukturen für valide Nutzertests.
Voll interaktive Test-Umgebungen mit echten API-Mocks und schnellem KI-gestütztem Prototyping.
Cross-Team Alignment & Fachliche Führung
Aufbau einer gemeinsamen Produktkultur an der Schnittstelle von Product, Business und IT. Souveräne Moderation und technisches Sparring.
Vermittlung zwischen Fachbereich, Design und Engineering zur Vermeidung von Reibungsverlusten.
Barrierefreiheit, WCAG 2.2 & BITV 2.0 Compliance
Inklusion als Standard von der ersten Code-Zeile an. Vollständige Konformität nach BITV 2.0 und WCAG 2.2 AA für rechtssichere, zugängliche Produkte.
Barrierefreiheit direkt im Komponenten-Build: Kontraste, Screenreader-Bäume und Tastaturfokus.
// Mein Prozess
Kein Design
ohne Kontext.
Ich starte nie mit dem ersten Pixel. Ich starte mit der Definition des richtigen Problems — denn eine elegante Lösung für die falsche Frage bleibt wirkungslos.
01
Discover
Nutzerbefragungen, Stakeholder-Interviews und Usability-Audits. Fundierte Problemanalyse, bevor die erste UI-Zeile entsteht.
Qualitative Interviews und heuristische Audits decken Kernblockaden frühzeitig auf — so verhindern wir teure Fehlentscheidungen in späteren Sprints.
- User Research
- Heuristische Audits
- Problem Framing
02
Define
User Journeys, Informationsarchitektur und Anforderungsanalyse. Absolute Klarheit über Aufgaben, Workflows und Systemgrenzen.
Gemeinsam mit Product Management und Engineering priorisiere ich Anforderungen direkt gegen technische Machbarkeit und Business-KPIs.
- Information Architecture
- User Flows
- Tech Scoping
03
Design
Design-System-Komponenten, intuitive Layouts und interaktive Prototypen in Figma und Code. Barrierefrei und ohne Handoff-Reibung.
Kein Blindflug: Visuelle Entwürfe werden parallel im Code auf BITV/WCAG-Kontraste, Layout-Stabilität und responsive Flexibilität geprüft.
- Design Tokens
- BITV / WCAG Checks
- Figma Components
04
Deliver
Produktionsreifer Frontend-Code, semantische Token-Architekturen und strukturiertes Testing bis weit über den ersten Release hinaus.
Ich liefere keinen statischen Übergabe-Ordner, sondern wartbaren UI-Code und stehe Entwickler-Teams als Sparringspartner zur Seite.
- Produktions-UI-Code
- Token-Pipelines
- A11Y-Audits
// Metriken
Auf den Punkt
Erfahrung
Über 15 Jahre Praxis an der Schnittstelle von Design & Code.
Kontinuität
Langjährige Beständigkeit in tiefen Produktwelten bei Großkonzernen statt schnellem Projekt-Hopping.
Reichweite
Entwicklung skalierbarer UI-Lösungen und Frontend-Architekturen für Millionen tägliche Nutzer:innen.