Frontend-Entwickler & UX Designer bei Bremen

02— WORAN ICH ARBEITE

Interaktionen prototypisch umsetzen

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

Das Frontend entwickeln

Ich entwickle responsive Oberflächen mit React und TypeScript, binde Daten an und berücksichtige Lade-, Leer-, Fehler- und Erfolgszustände.

Komponenten wiederverwendbar aufbauen

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

Das fertige Produkt prüfen

Ich prüfe Tastaturbedienung, Bildschirmgrößen, Browserverhalten und wichtige Nutzerwege. Bewertet wird die funktionierende Software, nicht nur der Figma-Entwurf.

03— VOM ENTWURF ZUM VERHALTEN

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 Thinking-Aloud-Sitzungen prägten den Hauptablauf vor dem Start. Im Browser wurden anschließend Zustands- und Mobilfehler sichtbar, die ein statischer Entwurf nicht zeigen konnte.

Fallstudie zu Bridagency lesen →

04 / FRONTEND-ENTWICKLER

INTERAKTION UNDCODEBLEIBEN ZUSAMMEN.

Accessibility und responsive Zustände werden beim Übergang von Figma zu React gemeinsam umgesetzt.

05— PROJEKTE

PROJEKTE MIT FUNKTIONIERENDER SOFTWARE

01 / 2026

Bridagency

Design · Frontend · Full-Stack

Ein zweisprachiger Planungsablauf mit 23 Schritten, nach Nutzertests als funktionierendes Webprodukt umgesetzt.

Fallstudie lesen

02 / 2025

Plox

Produktdesign · Full-Stack

Eine soziale Plattform mit Pixel-Editor im Browser und wiederverwendbaren Interface-Mustern.

Fallstudie lesen

03 / 2026

Medienkundig

Nutzerforschung · Produktdesign · Full-Stack

Ein Produkt mit Astro, React und Supabase sowie Accessibility-Checks und Tests wichtiger Browserabläufe.

Fallstudie lesen

06— FAQ

HÄUFIGE FRAGEN

Bridagency zeigt den Produktablauf und die zweisprachige Webanwendung, die ich umgesetzt habe. Plox umfasst das soziale Produkt und den Pixel-Editor im Browser. Medienkundig zeigt Produktrichtung und Umsetzung mit Astro, React und Supabase.

07 / KONTAKT

MÖCHTEN SIE EINE STELLE ODER EIN PROJEKT BESPRECHEN?

Kontakt aufnehmen