Personal Website V2

Ein persönliches Portfolio als zusammenhängendes digitales Produkt: Projekte, berufliche Erfahrung und eine visuelle Identität, die über Seiten und Sprachen hinweg funktioniert.

Design und Softwareentwicklung — vom Seitenaufbau und wiederverwendbaren UI bis zu Routing, Lokalisierung und dem individuellen visuellen System.

Dem Portfolio einen eigenen Charakter geben und dabei Inhalte gut lesbar, die Navigation nachvollziehbar und Bewegungen für verschiedene Geräte und Barrierefreiheitseinstellungen geeignet halten.

Inhalte, Seitenstruktur und dekorative Szenen sind getrennt. Gemeinsame Komponenten präsentieren die Projekte, typisierte Wörterbücher liefern deutsche und englische Texte. Leichte SVG-Ebenen erzeugen Tiefe, ohne die Inhalte zu überlagern.

• Next.js App Router und Server Components ermöglichen statisch gerenderte Inhalte. Nur die interaktiven Teile benötigen Client Components.
• Typisierte Projektdaten steuern Detailseiten, Sprachvarianten und Metadaten ohne doppelte Seitenvorlagen.
• SVG und scrollabhängige Transformationen nutzen requestAnimationFrame, zwischengespeicherte Geometrie und reduzierte Bewegung statt einer Animationsbibliothek.
• Kanonische URLs, Sprachverweise, Sitemap und Robots-Konfiguration bereiten beide Sprachen auf die Veröffentlichung vor.

• Deutsche und englische Routen mit Sprachwechsel auf derselben Seite.
• Ein Übergang von Händen zu einem Softwaresystem auf der Startseite, eine Work-Konstellation und warme Projektszenen.
• Responsive Layouts, Tastaturnavigation und ein herunterladbarer Lebenslauf.

Inhalte, Routing und visuelles Verhalten bilden ein wiederverwendbares System. Neue Projekte lassen sich über typisierte Daten ergänzen, während die Seitenstruktur gleich bleibt. Diese Fallstudie beschreibt die Umsetzung, keine gemessenen Ergebnisse im Produktivbetrieb.