Ich baue produktorientierte Frontend-Software.
Ausgewählte Arbeiten aus operativer Software, Frontend-Systemen, KI-Interfaces und sauber umgesetzter Produktionsreife.
- Frontend: React, Next.js, TypeScript, Tailwind
- Systeme: Storybook, Orval, TanStack React Query, Zustand
- Delivery: GitHub Actions, Playwright E2E, AWS, PHP
- Kreativ: Framer Motion, Three.js / React Three Fiber
Operative Software für Schichtplanung, Personaleinsatz und Tagesgeschäft.
Ordio ist Software für operative Teams, bei der Geschwindigkeit, Klarheit und Zuverlässigkeit wichtiger sind als dekoratives UI. Ich habe am Frontend für Workforce- und Scheduling-Workflows gearbeitet und dabei eng mit der AWS-Infrastruktur und dem PHP-basierten Backend der Plattform zusammengearbeitet.
Problem und Rahmenbedingungen
- Operative Nutzer:innen brauchten schnelle, gut lesbare Oberflächen für Scheduling und Personalkoordination
- UI-Entscheidungen mussten unter dichten Geschäftsdaten und zustandsintensiven Workflows bestehen
- Das Frontend musste sich an eine bestehende PHP-Plattform und AWS-Infrastruktur anpassen
- Zuverlässigkeit und Workflow-Klarheit zählten mehr als visuelle Neuheit
Mein Beitrag
- Produktseitige Frontend-Flows rund um Personaleinsatz, Scheduling und operative Aktionen gebaut
- Komplexe Plattformregeln in Oberflächen übersetzt, die unter realen Geschäftsanforderungen nutzbar blieben
- Frontend-Delivery in Abstimmung mit Backend- und Infrastrukturthemen umgesetzt
- Umsetzung auf Klarheit, Geschwindigkeit und weniger Reibung in wiederkehrenden internen Workflows fokussiert
Wiederverwendbare Produkt-UI-Patterns mit dokumentiertem Frontend-System.
Für REMONDIS Neos habe ich an UX-Struktur, Produkt-UI und wiederverwendbarer Umsetzung gearbeitet. Ziel war nicht nur, Screens auszuliefern, sondern Patterns zu definieren, die sich über eine gemeinsame Komponentenbibliothek und klarere Frontend-Konventionen konsistent wiederverwenden lassen.
Systemarbeit
- Wiederverwendbare UI-Patterns definiert, statt jeden Screen als Einzelanfertigung zu behandeln
- Storybook für Dokumentation, gemeinsame Sprache und vorhersehbarere Umsetzung genutzt
- Konsistenz über Formulare, Layoutstruktur, Feedback-States und wiederkehrende Produkt-Flows hinweg aufgebaut
- Produktentscheidungen in wiederverwendbare Frontend-Bausteine übersetzt
Was sich dadurch verändert hat
- Duplizierung über Produkt-Screens hinweg durch geteilte Komponenten und Konventionen reduziert
- UI-Entscheidungen leichter wiederholbar und erweiterbar gemacht, während das Produkt wuchs
- UX-Denken direkt mit Produktionscode statt nur mit statischen Mockups verbunden
- Die Arbeit als Frontend-System positioniert, nicht als Sammlung isolierter Screens
KI-Psychotherapie-Simulator mit Streaming-Chat, Voice-Funktionen und dauerhaftem Session-State.
RawTherapy verbindet Frontend-Interaktionsdesign mit KI-Umsetzung: patientenbasierte Simulation, Prompt-Konstruktion, Streaming-Antworten, Voice-Ein- und Ausgabe sowie Session-Persistenz. Ich habe mich für backend-gesteuerten Conversation-State statt client-seitigem State entschieden, damit Sessions über Reconnects, Retries und lange Nutzung hinweg konsistent bleiben.
Produkt- und technische Herausforderung
- Die Oberfläche musste sich konversationell und reaktionsschnell anfühlen und gleichzeitig langlebigen Session-State verwalten
- Streaming-Text, Voice-Input, Voice-Output und KI-Orchestrierung mussten als ein Produkt-Flow funktionieren
- Retries und Reconnects durften keine defekte oder doppelte Session-Historie erzeugen
- Das System brauchte dauerhafte Persistenz statt rein lokalem Conversation-State
Zentrale Entscheidung
- Conversation-State im Backend gehalten, statt den Client als Source of Truth zu nutzen
- Backend-Regeln, Locking und Persistenz für idempotente Flows eingesetzt
- Frontend um Streaming-Updates und Live-Session-Feedback herum aufgebaut
- Prompt-Konstruktion, Session-Speicherung und UI-Verhalten zu einem konsistenten Interaktionsmodell verbunden
Kampagnen-Frontend mit zurückhaltender Bewegung und hochwertigem visuellem Tempo.
Eine marketingorientierte Web-Erfahrung im Fokus auf Bildsprache, Markenpräsentation und poliertes Storytelling. Dieses Projekt zeigt eine andere Seite meiner Frontend-Arbeit: sorgfältiges Layout, visuelle Hierarchie, Responsiveness und Zurückhaltung statt Anwendungskomplexität.
Worauf es hier ankam
- Bildgeführtes Storytelling mit klarer Hierarchie über alle Abschnitte hinweg
- Responsive Layout-Entscheidungen, die den visuellen Rhythmus der Kampagne bewahrt haben
- Markensensible Umsetzung, ohne die Interaktion zu überladen
- Hochwertige Umsetzung, bei der Tempo und Zurückhaltung die Erfahrung getragen haben
Warum es Teil des Portfolios ist
- Zeigt Frontend-Bandbreite jenseits von Dashboards und systemgetriebenem Produkt-UI
- Zeigt Feinschliff bei Abständen, Bildsprache und Präsentationsdetails
- Unterstützt die visuelle Seite meines Engineering-Profils
- Bildet ein Gegengewicht zu den operativeren, architekturlastigeren Case Studies oben
Diese Seite — ein persönliches Portfolio als immersives Frontend-System gebaut.
Diese Seite selbst habe ich als Portfolio und Umsetzungs-Showcase zugleich gebaut: editoriale Navigation, bildgeführtes Storytelling, Motion, Präsentationsentscheidungen auf Routenebene und experimentelle Frontend-Techniken auf Basis von Next.js 15, React 19, Framer Motion und Three.js.
In die Seite eingebaut
- Präsentationsentscheidungen auf Routenebene für unterschiedliche Navigationsmodi und Seitenstimmungen
- Galeriestruktur und projektspezifische Bildsysteme
- Motion-geführte Übergänge und immersive Bildkomposition
- Editoriales Tempo über bildlastige Projektseiten hinweg
Zweck
- Dient gleichzeitig als Portfolio und als funktionierendes Frontend-Experiment
- Zeigt, wie ich Präsentationssysteme genauso wie Produktsysteme handhabe
- Verbindet visuelle Ausrichtung direkt mit Umsetzungsdetail
- Rundet das Portfolio mit kreativer und technischer Autorschaft an einem Ort ab
Was diese Bandbreite über meine Arbeitsweise zeigt.
Produkt-Workflows
Bei Ordio und RawTherapy steht Arbeit im Fokus, die auch bei operativer Komplexität, Session-State und wiederkehrenden Nutzeraktionen klar bleiben muss.
Frontend-Systeme
Bei REMONDIS Neos habe ich die Oberfläche als wiederverwendbares System behandelt: geteilte Patterns, dokumentierte Komponenten und Umsetzungsentscheidungen, die über einen Screen hinaus skalieren.
Technische Bandbreite
Meine Frontend-Arbeit berührt regelmäßig Delivery-Pipelines, Testing, Cloud-Infrastruktur, Backend-Integration und State-Architektur — nicht nur die Oberfläche.
Visuelle Kontrolle
Projekte wie Leica und dieses Portfolio zeigen, dass technische Tiefe und visuelle Zurückhaltung nebeneinander bestehen können, ohne sich gegenseitig zu schwächen.
Mir geht es vor allem darum, Produktanforderungen, Interface-Entscheidungen und technische Rahmenbedingungen in Frontend-Arbeit zu übersetzen, die klar und sauber gemacht bleibt.