Frontend & Product Engineer
Ausgewählte Projekte aus Produktentwicklung, Designsystemen, KI-Anwendungen und kreativen Websites.
- Frontend: React, Next.js, TypeScript, Tailwind
- KI: OpenAI Realtime, Voxtral, Prüfung von LLM-Antworten, Evaluation
- Systeme: Storybook, Orval, TanStack React Query, Zustand
- Delivery: GitHub Actions, Playwright E2E, AWS, PHP
- Kreativ: Framer Motion, Three.js / React Three Fiber
KI-Patientensimulation für die Psychotherapieausbildung.
Mit RawTherapy üben Therapeut:innen schwierige Gespräche mit simulierten Patient:innen, per Text oder Sprachchat in Echtzeit, auf Englisch, Deutsch und Spanisch. Alle simulierten Patient:innen haben eine Lebensgeschichte, Überzeugungen und eine eigene Art zu sprechen und reagieren darauf, wie die therapierende Person vorgeht. Ich habe das Produkt entworfen und gebaut, vom Patientenverhalten über die Gesprächsoberfläche bis zu den Antwortprüfungen.
- Demo
- Auf Anfrage
- Meine Rolle
- Produktdesign und Full-Stack-Entwicklung, inklusive React-Interface, Simulations-Engine, Sprachchat in Echtzeit, KI-Qualitätsprüfungen und Auswertungs-Workflow
- Stack
- React, TypeScript, Fastify, PostgreSQL mit pgvector, Redis, OpenAI Realtime API, Voxtral, Playwright
Schichtplanung und Personaleinsatz.
Ordio hilft Unternehmen, Personal einzuplanen und die tägliche Arbeit zu organisieren. Ich habe an den Screens für Schichtplanung und Personaleinsatz gearbeitet und komplexe Geschäftsregeln gemeinsam mit dem PHP-Backend-Team in Formulare und Ansichten übersetzt. Außerdem habe ich mit GitHub Actions, Playwright und AWS Amplify die Abläufe für Tests und Veröffentlichungen eingerichtet.
- Live
- ordio.com
- Meine Rolle
- Interfaces für Schichtplanung und Personaleinsatz, automatisiertes Testing und Release-Workflows
- Stack
- Next.js, React, TypeScript, GitHub Actions, Playwright, Docker, AWS Amplify
Redesign von REMONDIS NEOS.
NEOS hat DATAFLEET abgelöst, die ältere Software von REMONDIS für die Stadtreinigung. Sie funktionierte, aber die Oberfläche war zu klein, und wichtige Funktionen waren schwer zu finden oder versteckt. Ich habe das Redesign vom Konzept bis zum Code umgesetzt: Usertests mit Mitarbeitenden der Stadtreinigung, eine klare User Journey in Figma und die Umsetzung in React. Die Mitarbeitenden brauchen für ihre täglichen Aufgaben jetzt weniger Klicks, und ihr Feedback hat das bestätigt.
- Meine Rolle
- Konzept, UX/UI-Design und Frontend-Entwicklung
- Vorgehen
- Usertests mit Mitarbeitenden der Stadtreinigung, Konzept und Design in Figma, Umsetzung in React
- Stack
- Figma, Next.js, React, Storybook, Tailwind CSS, TanStack React Query
Eine Kampagnen-Website für die Leica Q, bei der die Bilder im Mittelpunkt stehen.
Ich habe am Bau der Kampagnen-Website zur Leica Q für Virtue Worldwide mitgewirkt und mit Bildfolge, responsiven Layouts und dezenten Animationen die Fotografie zur Geltung gebracht.
- Art
- Visuelle Kampagne / Markenauftritt
- Meine Rolle
- Frontend-Entwicklung, responsive Layouts und Bildpräsentation
Eine interaktive Reise entlang der Balkanroute der Geflüchteten.
Für die VICE-Redaktion habe ich eine interaktive Geschichte entworfen und gebaut, die der Balkanroute von Lesbos bis Berlin folgt. Die Lesenden bewegen sich über eine Karte von Europa, öffnen Städteseiten mit Artikeln, Fotos und 3D-Gelände und sehen, unter welchen harten Bedingungen Menschen unterwegs sind, von Winterkälte in den Bergen bis zur Sommerhitze. Die Website gibt es auf Englisch und Deutsch.
- Art
- Redaktionelles Projekt für die VICE-Redaktion
- Meine Rolle
- Design und Frontend-Entwicklung
- Stack
- Next.js, React, TypeScript, Tailwind CSS, next-intl, Framer Motion, React Three Fiber
Ein Portfolio für Fotografie, Design und interaktive Experimente.
Ich habe meine persönliche Website entworfen und gebaut, um Fotografie, Design und interaktive Experimente zusammenzubringen.
- Projekte
- Costa Nostra, Valencia Street, Orgullo, LIM und weitere redaktionelle und experimentelle Fotoserien
- Meine Rolle
- Design und Frontend-Entwicklung
- Stack
- Next.js, React, TypeScript, Tailwind CSS, Framer Motion, Three.js, React Three Fiber, Vercel
Wie ich arbeite.
Zuerst das echte Problem finden
Ich beginne bei den Menschen, die das Produkt nutzen, und bei dem, was sie ausbremst. Danach entscheide ich, was gebaut wird.
Von der Idee bis zum Release verantworten
Ich begleite Features von Konzept und Design über Code und Testing bis zum Deployment.
Das Routinierte automatisieren
Ich richte Tests, Preview-Builds und Release-Pipelines ein, damit Änderungen mit weniger manuellen Schritten live gehen.
KI nutzen und ihre Ergebnisse prüfen
Ich binde KI-Modelle in echte Produkte ein und ergänze Prüfungen, die Antworten abfangen, die vom Kurs abkommen.