Patrick ScharfBackend & EDI Engineering

Portfolio-Relaunch: Von technischer Dokumentation zur persönlichen Entwicklerseite

Wie klare visuelle Hierarchie, fokussierte Projekt-Cases und weniger Text eine technisch belastbare Portfolio-Seite persönlicher machen.

PortfolioUI/UXAstro

Die Ausgangslage: fachlich stark, visuell zu dicht

Die bisherige Portfolio-Seite hatte eine solide technische Basis, zweisprachige Inhalte und ausführliche Projektbeschreibungen. Gleichzeitig wirkte die Startseite stellenweise wie eine technische Dokumentation: viele ähnlich gewichtete Flächen, lange Textblöcke und wenig persönliche Orientierung im ersten Bildschirm.

Für ein Entwicklerportfolio ist technische Tiefe wichtig. Sie muss aber nicht überall gleichzeitig sichtbar sein. Die zentrale Designentscheidung des Relaunchs war deshalb, Informationen stärker zu staffeln: Positionierung zuerst, ausgewählte Cases danach, technische Details auf den passenden Unterseiten.

Patrick Scharf steht vor dem Leistungsversprechen

Die neue Startseite beginnt nicht mehr mit einem abstrakten Leistungsversprechen, sondern mit Name, Rolle und Arbeitskontext. Das macht sofort klar, wessen Portfolio Besucher sehen und in welchem technischen Feld die Arbeit stattfindet.

Statt eine künstliche Agenturidentität aufzubauen, bleibt die Seite bewusst persönlich. Ein kompakter technischer Fokusblock zeigt Integrationsfluss und Stack, ohne den Einstieg mit Erklärtext zu überladen.

Projekt-Cases als kurze Entscheidungsgeschichten

Die wichtigsten Projekte werden als Abfolge aus Ausgangslage, technischer Entscheidung und betrieblicher Wirkung erzählt. Dieses Muster ist schneller erfassbar als eine reine Feature-Liste und zeigt zugleich, wie technische Entscheidungen zustande kommen.

Details wie Fehlerklassen, Mapping-Verträge oder Rollback-Pfade bleiben erhalten. Sie werden jedoch erst dort vertieft, wo Besucher aktiv in einen Case oder Fachartikel einsteigen.

Weniger Oberfläche, stärkere Hierarchie

Das visuelle System nutzt wenige, klar unterscheidbare Flächentypen innerhalb einer durchgängigen dunkelgrünen Farbwelt: eine persönliche Hero-Zone, abgestufte Case-Flächen, ein kontrastreiches Arbeitsmodell und ruhige redaktionelle Karten. Große Typografie und konsistente Abstände übernehmen die Führung.

Bewegung bleibt dezent und respektiert reduzierte Bewegung auf Betriebssystemebene. Der Relaunch setzt damit nicht auf Showeffekte, sondern auf Lesbarkeit, schnelle Orientierung und belastbare responsive Layouts.

Technische Basis bleibt bewusst schlank

Astro bleibt als statische Grundlage erhalten. Inhalte liegen weiterhin in zentralen Datenmodulen, Seiten werden statisch erzeugt und die bestehende zweisprachige URL-Struktur bleibt bestehen. So verbessert sich die Präsentation, ohne eine funktionierende Architektur unnötig auszutauschen.

Das Ergebnis ist eine persönlichere Entwicklerseite, die fachliche Tiefe nicht reduziert, sondern gezielter zugänglich macht.

Zurück zur Blog-Übersicht