Fallstudie / Webprojekt

aktiv

Persönliche Portfolio-Website

Ein zweisprachiger, statischer Astro-Identitätshub für technische Systeme, Feldaufnahmen, Abenteuer und beleggestützte Projektaufzeichnungen.

  • Astro
  • TypeScript
  • MDX
  • Caddy

Diese Website ist das zentrale öffentliche System. Sie führt Abenteuer, Videoarbeiten, technische Experimente und Kontakt an einem Ort zusammen, ohne das Ergebnis in eine generische Portfolio-Vorlage zu verwandeln. Englisch ist die Standardversion ohne Pfadpräfix; die vollständige deutsche Spiegelung liegt unter /de/ und verwendet eine ausdrückliche Sprachumschaltung von Seite zu Seite.

Im Mittelpunkt stehen eine klare Struktur, redaktioneller Rhythmus und eine zurückhaltende Identität. Die Website soll sich wie ein bewusst gestaltetes Archiv anfühlen, nicht wie eine Landingpage.

Was sie zeigt

  • Astro Content Collections und MDX
  • aufeinander abgestimmte Inhalte auf Englisch und in Schweizer Standarddeutsch
  • statisch ausgerichtete Publikation über versionierte, atomare Releases
  • redaktionellen visuellen Rhythmus
  • Inhalte rund um echte Arbeiten
  • ein persönliches System statt eines Layouts für eine Freelance-Agentur

Identitätssystem

Die Website verwendet ein bewusst kleines visuelles System: ein nachgezeichnetes Vektorlogo samt Favicon-Familie, eine festgelegte dunkle und karmesinrote Farbpalette, Maple Mono für gut lesbare Oberflächen- und Redaktionstexte sowie IBM VGA 8x16 als sparsame Display-Signatur. Beide Schriften werden lokal mit ihren Quellen- und Lizenzaufzeichnungen ausgeliefert.

Publikation und Datenschutz

Ein Build mit kanonischen Produktions-URLs wird auf dem öffentlichen indev-Host unter einer hostseitigen noindex-Richtlinie geprüft. Danach wird exakt dasselbe Artefakt auf die Apex-Website übertragen. Caddy stellt die statische Auslieferungsgrenze, Sicherheits-Header, Cache-Richtlinie und Rollback-Grenze bereit.

Das Panel beim ersten Besuch speichert nur dessen Bestätigung und die Sprachpräferenz. Die Website enthält weder Google Analytics noch Werbe-Cookies oder extern geladene Schriften. Search-Console-Inhaberschaft und Sitemap-Einreichung unterstützen die Diagnose des Crawlings, ohne im Browser Tracking-Code hinzuzufügen.