Diese Website

Aufgabe

Ein Portfolio für einen Full-Stack-Entwickler muss genau das beweisen, was es behauptet: echtes Engineering, echtes Gespür für Design und genug Zurückhaltung, um nicht jeden Abschnitt zur Demo-Show zu machen. Es musste außerdem in vier Sprachen funktionieren, ohne vier separate Websites zur Pflege zu werden, und auch für Besucher:innen ohne aktiviertes JavaScript nutzbar bleiben.

Umsetzung

Helles und dunkles Theme, gewählt nach Systemeinstellung und dann gemerkt, vier Sprachen mit automatischer Erkennung, sowie ein scrollgesteuertes Kartendeck für die vorgestellten Projekte, das den Viewport fixiert und Karten von vorne nach hinten durchblättert, während gescrollt wird — validiert als interaktiver HTML-Prototyp, bevor auch nur eine Zeile davon nach React portiert wurde. Der Inhalt bleibt ohne JavaScript vollständig sichtbar: nichts hängt davon ab, dass ein Skript läuft, um lesbar zu werden.

Technische Entscheidungen

Next.js App Router mit next-intl für Routing und Übersetzungen, Tailwind v4 fürs Styling, GSAP und ScrollTrigger für das fixierte Kartendeck und die Scroll-Reveals, Three.js dynamisch importiert, damit es das Hauptbundle nie berührt. Das Layout selbst — wo der Blick zuerst hinfällt, wie weit unten "die Arbeit" sitzt — wurde mit prädiktivem Eye-Tracking-Tooling validiert, bevor überhaupt Produktionscode geschrieben wurde, nicht im Nachhinein nach Gefühl angepasst.