Arbeiten

Ausgewählte Arbeiten.

Marketing und Technik gehören zusammen — das beweise ich am liebsten an echten Beispielen. Hier zeige ich nicht nur, was entstanden ist, sondern wie: vom ersten Konzept bis zum laufenden Betrieb.

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

  1. Brand & Konzept

    Eigenständiges Schwarzwald-Motiv, Drei-Türme-Wappen (Unterkirnach), Schrift-Duo Fraunces + Inter, Bronze-Palette.

  2. Design

    Ruhiges, redaktionelles Layout — Inhalte und Lesbarkeit vor Effekten.

  3. Entwicklung

    Statisch gebaut mit Astro & Tailwind, Fonts self-hosted (keine Google-Requests).

  4. Go-Live

    Eigene Domain, Sitemap, Security-Header, Open-Graph — sauber für Suche und Social.

  5. Betrieb

    Cookieless Analytics (Plausible), Google Search Console, laufende Pflege.

Ergebnis

100

Lighthouse — Best Practices & SEO

~100

Accessibility (WCAG-orientiert)

< 1 s

Ladezeit der Startseite

0

Cookies & externe Fonts (DSGVO)

Das System dahinter

Dieselbe Identität trägt über alle Kontaktpunkte — Website, Social-Banner, Lebenslauf. Ein durchgängiges Brand-System statt zusammengewürfelter Einzelteile.

Startseite von torsten-guenter.de im Brand-Look
Website torsten-guenter.de
LinkedIn-Profilbanner im Schwarzwald-Brand mit Drei-Türme-Wappen
LinkedIn-Banner 1584 × 396
XING-Profilbanner im Schwarzwald-Brand mit Drei-Türme-Wappen
XING-Banner 1280 × 624
Lebenslauf-Design, zweispaltig (Kontaktdaten unkenntlich)
Lebenslauf — Variante A Zweispaltig
Lebenslauf-Design, linksbündig (Kontaktdaten unkenntlich)
Lebenslauf — Variante B Linksbündig

Lebenslauf als Design-Vorschau — Kontaktdaten sind aus Datenschutzgründen unkenntlich gemacht.

Tech & Tools

AstroTailwind CSSNetlifyPlausibleFontsourceGit / GitHub
Visitenkarte von Torsten Günter — Vorder- und Rückseite überlappend, im Schwarzwald-Brand mit Drei-Türme-Wappen

Visitenkarte

Analog trifft digital — datenschutzbewusst.

Eine Karte, zwei Welten: Der QR-Code auf der gedruckten Visitenkarte führt auf eine private, nicht gelistete Seite, auf der man meinen Kontakt mit einem Tipp ins Adressbuch speichert. Bewusst so gebaut, dass online keine persönlichen Daten frei herumliegen — ein kleines Beispiel für „technische DNA“.

Zum Kontakt

Kundenprojekt

Fahrschule 7Miles

Marke, Web-Auftritt und digitale Präsenz für eine Fahrschule — die ausführliche Case Study folgt in Kürze.