Webentwicklung
Website für einen Rennradfahrer aus Chur
Wer im Radsport eine Website erstellen lassen will, braucht selten einen Shop und fast immer eine belastbare Auskunft: aktuelle Resultate, erreichbare Kontaktdaten und Material, das eine Redaktion weiterverwenden kann.
andrinzueger.chDer erste Eindruck entsteht in der Suche
Ein Rennradfahrer wird von Teams, Sponsoren und Redaktionen gesucht, lange bevor er persönlich in Erscheinung tritt. Für Andrin Züger aus Chur haben wir deshalb eine Website gebaut, die auf einer Adresse beantwortet, wer er ist, was er gefahren ist und wie man ihn erreicht.
Die Website im Detail
Website. Startseite mit Hero, Rennberichten, Palmarès, Kontakt, Sponsoren und Presse, dazu ein Blog mit zwölf redaktionell gebauten Beiträgen. Umgesetzt als statisches HTML mit einem einzigen Stylesheet und einem Skript ohne Fremdbibliotheken. Ein Skip-Link führt an der Navigation vorbei direkt zum Inhalt, und der Burger-Button trägt eine eigene Beschriftung für Screenreader.
EscSEO-Optimierung. Eine H1 pro Seite, eigene Title und Description überall und selbstverweisende Canonicals bis hinunter zu Blog, Beiträgen und Impressum. Die robots.txt verweist auf die Sitemap mit allen sechzehn Adressen. Alle 26 Bilder der Startseite tragen einen beschreibenden Alt-Text, Open Graph und Twitter Card sind vollständig, mit eigenem Vorschaubild je Beitrag.
EscGEO-Optimierung. Für die KI-Suche liegen die Fakten als Fließtext und Liste vor, nicht als Grafik: Erfolgsliste, Rennberichte, E-Mail-Adresse und Telefonnummer sind direkt auslesbar. Dazu kommt eine Auszeichnung als Person mit Adresse in Chur und mit Verweisen auf Instagram, Strava, YouTube und ProCyclingStats, auf jedem Beitrag zusätzlich eine Auszeichnung als Artikel.
EscResponsive Optimierung. Von 375 Pixeln bis zum Desktop ohne horizontalen Scroll. Das Kartenraster der Rennberichte läuft dreispaltig, ab 980 Pixeln zweispaltig und ab 640 Pixeln einspaltig, Kontakt, Palmarès und der Zweispalter aus Presse und Profilen stapeln auf eine Spalte. Unter 820 Pixeln übernimmt ein Burger-Menü, dessen Panel von rechts einfährt und beim Klick auf einen Link wieder schließt.
Esc
Palmarès aus drei Saisons
Eine Startseite, die Fragen in der Reihenfolge beantwortet, in der sie gestellt werden, und ein Blog, der die Saison erzählt.
Die Ergebnisse der Jahre 2023, 2024 und 2025 stehen in drei Jahresblöcken neben einem Teamfoto, jede Platzierung als eigene Zeile, jeder Sieg mit goldenem Rang-Badge. Die Liste ist echter Text und keine Grafik: Ein Journalist, ein sportlicher Leiter oder ein Sprachmodell kann jede Platzierung einzeln herauslesen und zitieren.
Artikelseiten mit Kapiteln, Galerie und Video
Ein Rennbericht ist mehr als ein Textfeld: Bildkopf, eine Kennzahlenleiste mit den Platzierungen, nummerierte Kapitel mit Ergebnis-Badge, Bildstrecken, ein hervorgehobener Highlight-Block, ein eingebettetes Video mit Bedienelementen und eine Signatur am Ende. Der Fließtext dazwischen nennt Rangfolgen, Kilometerangaben und Zeitabstände.
Kontakt ohne Umweg
Statt eines Formulars stehen E-Mail-Adresse und Telefonnummer als klickbare Links auf einer abgedunkelten Kontaktfläche, daneben die Verweise zu Instagram, Strava und YouTube. Wer die Seite am Telefon öffnet, ist mit einem Tippen im Gespräch oder im Mailprogramm. Es gibt keine Anmeldung und keine Zwischenseite.
Sponsoren und Presse an ihrem Platz
Der Sponsorenblock trennt die zwei eigenen Partner von den zehn Team-Sponsoren und schließt mit einem Gruppenfoto samt Teamlogo. Darunter führt ein zweispaltiger Abschnitt zu zehn Presseartikeln und drei Athletenprofilen, jeder Link in einem neuen Tab und mit gesetztem rel-Attribut.
Statisches HTML ohne Fremdbausteine
Kein CMS, kein Framework, keine Drittanbieter-Skripte: ein Stylesheet und ein Skript, beide mit Versionsstempel, ausgeliefert von einem Apache-Server. Die Startseite bringt dabei 16,7 KB HTML mit. Tracking-Cookies werden keine gesetzt, und der Hinweisbalken merkt sich die Bestätigung im lokalen Speicher des Browsers.
Was wir für Andrin Züger machen
1 von 8 Leistungen umgesetzt
Website
Startseite mit Palmarès, aktuellen Rennberichten, Sponsoren und Presse, dazu ein Blog mit zwölf Beiträgen. Gebaut als statisches HTML ohne Tracking-Cookies.
Diese Seite
Nicht Teil dieses Projekts, aber Teil unseres Angebots.
Marketing & Strategie
Social Media
Fotoproduktion
Videoproduktion
Grafik & Branding
Virtueller Rundgang
Employer Branding