Im Mai ist diese Seite gestartet, solide, aber optisch eher Standardkost. Zwei Monate später steht der Relaunch: gleiche Inhalte, gleicher Unterbau, komplett neues Kleid.
Warum überhaupt ein Redesign?
Die erste Version hatte ihren Job erfüllt: Die Seite war online, zweisprachig, schnell. Aber sie sah austauschbar aus, und für eine Seite, deren einziger Zweck es ist, einen persönlichen Eindruck zu vermitteln, ist das ein echtes Problem. Also habe ich das Design einmal grundsätzlich neu gedacht, erst als Konzept mit mehreren Varianten, dann als Umsetzung.
Was neu ist
- Eine warme Farbwelt aus Beige- und Bernsteintönen statt neutralem Weiß-Grau. Die Seite fühlt sich jetzt eher nach Wohnzimmer als nach Behörde an.
- Dark Mode mit Umschalter in der Navigation. Ohne eigene Wahl gilt die Systemeinstellung, die Entscheidung wird lokal im Browser gespeichert, ganz ohne Cookie.
- Karten statt Textwüste: Schwerpunkte, Projekte und Zertifikate stehen in klar abgegrenzten Karten, der Werdegang ist eine Timeline, auf dem Desktop horizontal, mobil vertikal.
- Mobil zuerst gedacht: Timeline, Bühnenfoto und Badges sind für schmale Displays eigens gebaut statt nur zusammengestaucht.
Die unsichtbaren Umbauten
Ein Relaunch ist eine gute Gelegenheit, technische Altlasten zu erledigen. Mitgenommen habe ich:
- Social-Media-Vorschaubilder als PNG: Das bisherige SVG-Vorschaubild konnten LinkedIn und Co. nicht rendern. Jetzt gibt es ein 1200×630-PNG, dazu ein sauberes Apple-Touch-Icon.
- Sitemap und Weiterleitungen aufgeräumt: Übrig gebliebene Vorschau-Seiten aus der Redesign-Phase sind raus, die Sitemap enthält nur noch echte Inhalte.
- Feste Blog-Regeln: Titel- und Beschreibungslängen, Struktur, interne Verlinkung und Stil sind jetzt dokumentiert, und die bestehenden Beiträge wurden entsprechend nachgezogen. Gut für Suchmaschinen, vor allem aber gut für Konsistenz.
Der Unterbau bleibt der alte: Astro 5, Tailwind CSS 4, statisch generiert, gehostet auf all-inkl in Deutschland, ohne Tracking und ohne Cookie-Banner. Details dazu stehen im Launch-Beitrag.
Ein Wort zur Arbeitsweise
Wie bei datly.eu und foldly.eu ist auch dieser Umbau abends mit KI-Unterstützung entstanden: Konzept und Entscheidungen von mir, viel Fleißarbeit vom Werkzeug, jede Änderung im Browser gegengeprüft. Diese Arbeitsteilung ist inzwischen mein Standard für die Nebenprojekte, und sie ist der Grund, warum ein kompletter Relaunch neben dem Vollzeitjob in überschaubarer Zeit machbar ist.
Schau dich gerne um, der beste Startpunkt ist die Über-mich-Seite. Wenn dir etwas auffällt, das kaputt oder unstimmig ist: sag mir Bescheid.
