Diese Website entwerfen und bauen
Die Seite, die Sie gerade lesen — eine schnelle, inhaltsgetriebene persönliche Website und Portfolio-Plattform, von Grund auf mit Astro entworfen und gebaut.
- Schnelle, inhaltsorientierte persönliche Website und Portfolio-Plattform mit Astro entworfen und gebaut
- Markdown-basierte Content Collections eingerichtet, sodass Blogartikel und Portfolio-Projekte ohne Code-Änderungen ergänzt werden können
- Zweisprachige EN/DE-Struktur mit hreflang-Tags und vollständiger SEO-Ebene (Sitemap, Open Graph, JSON-LD) umgesetzt
- Eigenes, schlankes Designsystem in reinem CSS gebaut — ohne Framework — für volle Kontrolle über Optik, Gefühl und Performance
Kontext
Eine persönliche Website sollte mehr leisten als nur einen Lebenslauf aufzulisten — sie sollte ein Jahrzehnt Arbeit in Embedded Systems und Hardware präsentieren, einen Blog beherbergen, kleine browserbasierte Werkzeuge bereitstellen und dabei leicht erweiterbar bleiben, ohne zur Wartungslast zu werden. Diese Website — einschließlich des Portfolio-Systems, das Sie gerade durchsuchen — ist das Ergebnis.
Meine Rolle
Ich habe die gesamte Website selbst geplant, gestaltet und gebaut: die Inhaltsstruktur, das visuelle Designsystem, die Seitenvorlagen, die SEO-Ebene und den Werkzeugbereich. Außerdem schreibe und pflege ich die Inhalte (Blogartikel, Projektbeschreibungen, Übersetzungen) selbst.
Technische Herausforderung
Die Herausforderung bestand darin, drei Dinge in Einklang zu bringen: ein Ergebnis, das durchdacht wirkt und sich gut anfühlt, eine Codebasis, die leicht zu warten und zu erweitern bleibt, und eine Website, die wirklich schnell und suchmaschinenfreundlich ist — ohne auf ein schweres Framework oder CMS zurückzugreifen, das für eine Ein-Personen-Website unnötige Komplexität mit sich bringen würde.
Lösung
Die Website basiert auf Astro und Markdown-basierten Content Collections, sodass Blogartikel und
Portfolio-Projekte (auch dieses hier) einfache Markdown-Dateien mit einem kleinen, klar definierten
Satz an Frontmatter-Feldern sind — ohne dass für neue Inhalte Code geändert werden muss. Das
visuelle Design ist ein eigenes, schlankes System in reinem CSS mit gemeinsamen Design-Tokens, die
Struktur ist zweisprachig (Englisch/Deutsch) mit korrekten hreflang-Tags, und die Seite trägt eine
vollständige SEO-Ebene: Sitemap, Open-Graph-Metadaten und JSON-LD-Strukturdaten.
Wirkung
Das Ergebnis ist eine Website, die schnell lädt, sich einfach aktuell halten lässt und wachsen kann — neue Blogartikel, neue Portfolio-Projekte, neue Werkzeuge — ohne dass jemals ein Redesign oder ein Framework-Wechsel nötig wird.
Technologien
Astro, TypeScript, Markdown-Content-Collections, eigenes CSS-Designsystem, Mehrsprachigkeit (EN/DE), Sitemap- und JSON-LD-/SEO-Tools
Gefällt Ihnen, was Sie sehen?
Wenn Ihnen gefällt, wie diese Website aussieht, lädt und aufgebaut ist, dann ist genau das die Art von Arbeit, die ich auch für Kunden übernehme — von einem klaren Konzept bis zum fertigen, leicht zu pflegenden Ergebnis. Wenn Sie eine Website möchten, die sich genauso durchdacht anfühlt, nehmen Sie Kontakt auf und lassen Sie uns besprechen, wie das für Sie aussehen könnte.
