Frontend-Entwickler & UX Designer bei Bremen

02— WORAN ICH ARBEITE

Interaktionen prototypisch umsetzen

Ich baue realistische Prototypen für Abläufe, Bewegung und Interface-States. So lässt sich das Verhalten prüfen, bevor die vollständige Umsetzung beginnt.

Das Frontend entwickeln

Ich programmiere React-Komponenten mit TypeScript, binde Daten an und berücksichtige Loading, Empty, Error und Success States.

Komponenten wiederverwendbar aufbauen

Wiederkehrende Muster werden zu dokumentierten Komponenten mit einheitlichen Abständen, Schriften, Farben und Component States.

Das fertige Produkt prüfen

Ich teste wichtige User Flows vom Einstieg bis zum Abschluss. Dabei prüfe ich Tastaturbedienung, verschiedene Bildschirmgrößen und das Browserverhalten.

03— VOM ENTWURF ZUR ANWENDUNG

VOM STATISCHEN ENTWURF ZUM FUNKTIONIERENDEN ABLAUF.

Bridagency wurde zu einem zweisprachigen Planungsablauf mit 23 Schritten. Die funktionierende Version musste Fortschritt, Auswahl, Validierung, mobile Nutzung und die Übergänge zwischen allen Ansichten abbilden.

STATISCHER PLANUNGSENTWURF

Statischer Entwurf der Bridagency-Planung

FUNKTIONIERENDER ABLAUF

ÄNDERUNGEN DURCH DIE TESTS

24 moderierte Think-Aloud-Sitzungen prägten den Hauptablauf vor dem Start. Im Browser wurden anschließend Fehler in den Abläufen und im mobilen Layout sichtbar, die ein statischer Entwurf nicht zeigen konnte.

Case Study zu Bridagency lesen →

04 / FRONTEND-ENTWICKLER

AUS DEMPROTOTYPWIRD EIN REACT-FRONTEND.

Beim Umsetzen in React berücksichtige ich Accessibility ebenso wie das Verhalten auf kleinen und großen Bildschirmen.

05— PROJEKTE

PROJEKTE MIT FUNKTIONIERENDER SOFTWARE

01 / 2026

Bridagency

Design · Frontend · Full-Stack

Bridagency führt zweisprachig durch 23 Planungsschritte. Nach Usability-Tests habe ich den Ablauf als Webprodukt umgesetzt.

Case Study lesen

02 / 2025

Plox

Product Design · Full-Stack

Plox verbindet eine soziale Plattform mit einem Pixel-Editor im Browser und verwendet wiederkehrende Interface-Muster.

Case Study lesen

03 / 2026

Medienkundig

User Research · Product Design · Full-Stack

Medienkundig basiert auf Astro, React und Supabase. Zur Entwicklung gehören Accessibility-Checks und Tests wichtiger Browserabläufe.

Case Study lesen

06— FAQ

HÄUFIGE FRAGEN

Bei Bridagency habe ich den Planungsablauf und die zweisprachige Webanwendung umgesetzt. Bei Plox gehören die Community-Funktionen und der Pixel-Editor zu meiner Arbeit. Medienkundig zeigt Produktkonzept und Umsetzung mit Astro, React und Supabase.

07 / KONTAKT

MÖCHTEN SIE EINE STELLE ODER EIN PROJEKT BESPRECHEN?

Kontakt aufnehmen