Zum Inhalt springen
Fiktives Konzept ↗

JUNIOR FRONTEND DEVELOPER / PORTFOLIO

Ich baue
das Web,
das bleibt.

Ich bin Noah. Ich entwickle Oberflächen, die schnell laden, mit der Tastatur funktionieren und Menschen ohne Umwege ans Ziel bringen.

01 / AUSGEWÄHLTE ARBEITENLERNPROJEKTE MIT ECHTEM PROBLEM

Zeigen,
nicht behaupten.

Diese beiden Studien zeigen meinen Weg von einer konkreten Frage zu einem getesteten Interface. Ich beschreibe auch, was ich beim nächsten Mal anders machen würde.

01 / CAMPUS-TOOL · REACT

Sprechstunde ohne Warteschlange.

Studierende brauchen nicht noch ein Formular, sondern einen verlässlichen freien Zeitslot. Ich habe die Ansicht zuerst mit Papier getestet und danach als Tastatur-bedienbaren Prototyp gebaut.

Meine Entscheidung ansehen +

Die wichtigste Information – der nächste freie Termin – steht vor den Filteroptionen. Fehler und Bestätigung sind als Text sichtbar, nicht nur als Farbe.

02 / EIGENES PROJEKT · VANILLA JS

Ein Lernplan, der nicht stresst.

Ein kleines Tool zerlegt große Prüfungsziele in überschaubare Wochen. Den bedienbaren Prototyp können Sie weiter unten selbst ausprobieren. Er speichert Ihre Einträge lokal und funktioniert ohne Anmeldung.

Meine Entscheidung ansehen +

Ich habe auf Benachrichtigungen verzichtet. Statt Druck zu erzeugen, zeigt die Seite den nächsten machbaren Schritt.

02 / PRODUKTDEMOSPRECHSTUNDE · FIKTIVES CAMPUS-TOOL

Ein freier Platz.
Ohne Umweg.

Das Problem war klein, aber alltäglich: Der nächste freie Termin verschwand hinter Fachbereich, Datum und drei Formularschritten. In meinem Prototyp steht zuerst die Entscheidung, die Studierende wirklich treffen müssen.

Die Reihenfolge ist das Design.01 / Sehen, was frei ist02 / Termin wählen03 / Bestätigung verstehen
CAMPUS / SPRECHSTUNDEINTERAKTIVER PROTOTYP 01
WOCHE 42 / BERATUNG

Wann passt
es dir?

Wähle einen freien Termin. Diese Demo speichert und versendet keine Buchung.

DEIN TERMINNoch keiner gewählt.

Wähle einen freien Termin. Danach kannst du die Demo-Bestätigung auslösen.

01 / PROBLEM

Eine Buchung darf nicht mit einer Filtermaske beginnen, wenn nur drei Termine frei sind.

02 / ENTSCHEIDUNG

Freie Zeiten sind als echte Buttons erreichbar. Auswahl, Fokus und Bestätigung bleiben als Text sichtbar.

03 / NÄCHSTER TEST

Mit Studierenden prüfen, ob Dauer und Ort schon vor der Wahl nötig sind. Die Demo behauptet keine Nutzungszahlen.

03 / ZWEITE ARBEITSPROBE

Eine Idee.
Ein Werkzeug.

Der Lernplan ist hier tatsächlich bedienbar. Zerlegen Sie ein großes Ziel in kleine Schritte; die Liste bleibt nur in diesem Browser. Kein Konto, keine Benachrichtigungen.

Fiktives Portfolio, echter lokaler Funktionsprototyp. Einträge werden ausschließlich auf Ihrem Gerät gespeichert.

NOAH / LERNPLANLOKALER PROTOTYP · 02
0 von 0 Schritten erledigt

    Klein anfangen. Sichtbar weiterkommen.

    03 / MEIN WEGWAS ICH KANN UND WAS ICH NOCH LERNE

    Neugier ist
    mein Stack.

    Ich suche ein Team, in dem Reviews selbstverständlich sind und gute Frontends mehr bedeuten als schöne Screenshots.

    Heute
    HTML, CSS, JavaScript, React, Git und erste Tests mit Playwright.
    Gerade vertiefe ich
    Web-Performance, semantisches HTML und Designsysteme.
    Was ich mitbringe
    Sorgfalt, klare Fragen und die Bereitschaft, Entwürfe nach Feedback zu ändern.
    05 / KONTAKT

    Code ist nur
    der Anfang.

    Ich suche ein Junior-Team, das Interfaces prüft, verbessert und offen über technische Entscheidungen spricht. Woran arbeitet ihr gerade?

    NOAH KONTAKTIEREN / DEMONSTRATION

    Ein realistischer Kontaktabschluss für dieses fiktive Profil. Die Demo versendet keine Nachricht.