Ausgewählte Arbeit
Diese Website — und das System dahinter.
Konzept · Design · Entwicklung · Brand-System
Du schaust sie dir gerade an. Diese Seite ist meine Handwerksprobe — selbst konzipiert, gestaltet und gebaut. Sie behauptet „technische DNA" nicht, sie zeigt sie.
Ausgangslage
Eine Portfolio-Seite, die meine Verbindung aus Marketing und Technik wirklich belegt — kein Baukasten, keine Floskeln, volle Kontrolle über Code, Daten und Marke.
Ziel
Schnell, barrierearm, markenkonsistent und DSGVO-sauber — eine Seite, die als Aushängeschild funktioniert und gleichzeitig zeigt, wie ich arbeite.
Der Weg — von der Idee zum Betrieb
Diese Seite ist selbst mein Arbeitsbeweis — nicht mit einem Baukasten zusammengeklickt, sondern Schritt für Schritt bewusst entschieden. Hier der Weg dorthin und warum die Entscheidungen so gefallen sind.
-
Brand & Konzept
Bevor eine Zeile Code entstand, stand die Marke — denn eine eigene, wiedererkennbare Identität wirkt schon, bevor das erste Wort gelesen ist. Statt Stockfotos habe ich ein eigenständiges Schwarzwald-Motiv mit Drei-Türme-Wappen entworfen (eine Anspielung auf meine Heimat Unterkirnach), dazu das Schrift-Duo Fraunces + Inter und eine Bronze-Palette. So trägt derselbe ruhige, hochwertige Ton durch alles — vom Wappen bis zur kleinsten Schaltfläche.
-
Design
Ruhiges, redaktionelles Layout mit klarer Hierarchie: Inhalt und Lesbarkeit führen, Gestaltung unterstützt. Effekte setze ich gezielt dort ein, wo sie den Blick führen statt abzulenken — die Helix hier zum Beispiel.
-
Entwicklung
Bewusst kein WordPress oder anderes CMS, sondern statisch mit Astro & Tailwind gebaut. Kein Server, keine Datenbank — also nichts, was gehackt wird, langsam lädt oder ständig nach Updates verlangt. Selbst die Schriften liegen lokal: Die Seite lädt, ohne vorher bei Google anzuklopfen (DSGVO-sauber).
-
Go-Live
Sauber online gebracht, nicht bloß schnell hochgeladen: eigene Domain, Sitemap, Security-Header und Open-Graph gehören für mich dazu. So steht die Seite bei Google ordentlich da — und wer sie teilt, bekommt eine hübsche Vorschau statt eines nackten Links mit kaputtem Bild.
-
Betrieb
Eine Website ist kein Möbelstück, das man einmal hinstellt und dann vergisst. Also: cookieless Analytics mit Plausible — Besucher verstehen, ganz ohne den Cookie-Banner, den eh niemand mag —, Google Search Console im Blick und laufende Updates. So bleibt sie schnell, sichtbar und aktuell.
… wird zu messbarem Ergebnis
100
Lighthouse — Best Practices & SEO
~100
Accessibility (WCAG-orientiert)
< 1 s
Ladezeit der Startseite
0
Cookies & externe Fonts (DSGVO)
Das System dahinter
Eine Marke ist kein Logo, das man draufklebt — sie ist ein System, das an jedem Kontaktpunkt gleich klingt. Dieselbe Handschrift trägt vom Bildschirm bis aufs Papier: Website, E-Mail-Signatur und Social-Banner genauso wie Visitenkarte, Lebenslauf und Briefpapier. Der QR-Code schlägt die Brücke zwischen analog und digital — ein Fingertipp auf die gedruckte Karte, und der Kontakt liegt im Adressbuch. Zusammengehalten wird alles von derselben „technischen DNA“ — der binären Code-Helix, die sich aus meinem Weg zwischen Code und Marke ableitet. Dreh die Kacheln um: dahinter steht jeweils, wie und warum sie entstanden sind.
Digital
Print & Hybrid
Dokumente als Design-Vorschau — persönliche Kontaktdaten sind bewusst unkenntlich gemacht.
Tech & Tools
Werkzeug ist nicht gleich Werkzeug: Ich wähle es nach dem, was es der Seite bringt — nicht nach Hype. Vorne die Aufgabe, dahinter meine Lösung. Dreh eine Karte um.
