Begonnen als WordPress-Migration für einen Reitverein mit 450 Mitgliedern, herausgekommen ist eine moderne Sponsoring-Akquise-Plattform: Pitch-Page mit acht Stationen, eigene Profil-Seiten pro Premium-Partner als Co-Branding-Hub, Insta- und Story-Auto-Match, KI-Discoverability als 2026er-Hebel. Ein Pattern, das wir bei weiteren Sport- und Kulturvereinen wiederverwenden können.
Live ansehenDie alte Site war eine klassische WordPress-Page, gewachsen über Jahre mit Plugin-Halden. Belegungsplan stand auf einem PDF, Aushang existierte nur an der Stalltür, Sponsoren waren ein Text-Marquee ohne Logos, Insta-Pflege parallel zur Site doppelt aufwändig. Beim 100-jährigen Jubiläum 2024 war klar: die Site soll dem Verein gerecht werden, nicht ihn ausbremsen.
Re-Build als statisch generierte Astro-Site mit eigenständigem Vereins-Brand (Petrol-Olive aus dem Logo, Sandgelb als Action-Farbe, Geist Variable). Acht Kernfeatures unter einem Dach:
Das Vereinslogo existierte als 4-farbiges SVG aus dem WordPress-Bestand: Reiter-Wappen mit Schriftzug „Reiterverein St. Georg Salzkotten und Umgebung e.V." in einer ringförmigen Komposition. Statt es zu ersetzen, haben wir es zur Quelle der Brand-Tokens gemacht.
highlight-deep und ink-muted nachgedunkelt, damit auf jedem Untergrund Kontrast 4,5+ rauskommt. Im Lighthouse-Audit blieb am Ende ein einziger Punkt offen, alles andere AA. logo.svg (Standard), logo-footer.svg (Schriftzug auf Weiß invertiert für dunklen Footer), wappen.svg (nur Wappen), favicon.svg (Pferd-Detail isoliert für 32×32). Plus PNG-Set automatisch generiert (32/48/96/192/512 + apple-touch + .ico) als Build-Hook. Section-Background → Akzentfarbe Beispiel ───────────────── ─────────────── ───────────────── weiß (#FFFFFF) Petrol #495D5C Hauptseiten, Hero grau (#DDDCDC) Sandgelb #C9A050 Cards, Hervorhebungen dunkel (Footer/Hero-Bg) Sandgelb #C9A050 Akzent-Highlight
27 Sponsoren, drei Tiers, vier Sichtbarkeitskanäle. Statt einer flachen Sponsor-Wand am Seitenende (klassisch, ignoriert) wird jeder Sponsor mehrfach im Vereinskontext sichtbar, und Sponsoren-Onboarding läuft über eine simple TypeScript-Datei.
mentionedSponsors[]-Liste. Beispiel: „Neuer Boden in den Hallen" mentions RWM (Plane), Behn Projekte (Bau), Hüser, Krinke. Eine SponsorMentions-Component zeigt diese Logos als dezente Reihe unter der Story. Sponsor wird im Erfolgs-Kontext sichtbar, nicht als Werbe-Block. scripts/process-sponsors.mjs, npm run sponsors, commit. Keine manuelle Bildbearbeitung, kein Photoshop, alles reproduzierbar. priceSpecification: "auf Anfrage", machen die Konditionen für LLMs & Suchmaschinen strukturiert auffindbar, ohne konkrete Preisvorgabe (entscheidet der Vorstand pro Anfrage). TIER MARQUEE /SPONSOREN STORY-MENTIONS FOOTER ───── ─────── ────────── ────────────── ────── Premium 2-spaltig groß ✓ eigene Wand bei passend verlinkt Förderer 4-spaltig ✓ eigene Wand bei passend verlinkt Partner 5-spaltig klein ✓ eigene Wand bei passend verlinkt
Während des Projekts ist klargeworden: das wirtschaftliche Problem des Vereins ist nicht die Website-Optik, sondern die Sponsoringgewinnung. Sponsoren kommen, weil sie Logos im Verein hängen wollen, und gehen, weil sie nicht messen können, was sie dafür bekommen. Daraus ist eine drei-stufige Plattform entstanden:
Pakete-Page mit drei Tiers (Partner / Förderer / Premium), Sponsor-Wand mit allen Logos in Tier-Hierarchie, Marquee auf der Startseite, Schema.org OfferCatalog für SEO. Das Hygiene-Niveau, das jeder Verein erwartet.
Eine eigene Pitch-Page /sponsoring mit Editorial-Hero,
Sticky-Sub-Nav (acht Stationen mit Scroll-Spy + Active-State),
Brand-Statement (Wer wir sind / Was wir liefern), Reach-Stats,
4 Value-Driver-Cards, CSR-Cross-Selling-Sektion, KI-Hebel mit
Kontinuitäts-Argument, Beispiel-Anfragen-Cards. Die Pitch-Page
ist alleine schon ein Verkaufsargument.
Eigene Profil-Seite unter /sponsoren/{slug}/ mit
Editorial-Magazine-Hero, Engagement-Cards in Reitsport-Sprache,
Über-Sponsor + Pullquote, automatische Insta-Match-Sektion
(scannt Vereins-Posts nach Sponsor-Keywords), Story-Anker mit
Auto-Match (Stories, die den Sponsor erwähnen), Schema.org
Organization mit subjectOf-Stories, eigene llms.txt
pro Sponsor für KI-Discoverability. Sponsor bekommt eine URL,
die er in eigenen Kampagnen verwenden kann.
Setup-Aufwand drei Tage. Wartung null Minuten pro Woche, weil alles aus den vorhandenen Datenquellen (Insta-Sync, Story-Collection, Sponsor-Liste) automatisch zusammenfließt. Wert für den Sponsor pro Saison: vielfaches eines „Logo am Hindernis"-Sponsorings.
QUELLE BUILD / SITE EXTERN
(Vereins-Pflege) (Astro · 1&1 SFTP) (Subscriber)
────────────── ─────────────────── ──────────────
Insta Graph ───► Sync-Job (4h cron)
(Vorstand postet) │
└──► Posts-Cache (12)
▼
Markdown ───► Content Collection
(Stories) │
└──► /aktuelles/stories/[slug]
▼
TS-Datei ───► Belegungs-Matrix
(Termine) │
├──► /belegungsplan (UI)
└──► /kalender.ics ───► Outlook/Google
(Cal-Abo)
▼
Logo-Files ───► Sharp + pdfjs
(8 PDFs + (Tier-Mapping)
19 PNGs/JPGs) │
└──► /sponsoren-web/*.webp
▼
Static Build
▼
SFTP Deploy
▼
IndexNow Ping ───► Bing/Yandex
Die Architektur, die hier entstanden ist, ist nicht reitvereins-spezifisch. Sie funktioniert genauso für Tennis-Clubs, Schützenvereine, Schießsportverbände, Karneval-Gesellschaften, Heimat- und Kulturvereine, überall, wo lokal gesponsort wird und Sponsoren ein nachvollziehbares Gegenwert-Konzept brauchen.
2–3 Tage Architektur, Sponsor-Profile pro Premium, Pitch-Page-Anpassung, Insta-Sync-Wiring.
Null Minuten. Insta-Sync läuft als Cron, Stories werden vom Vorstand selbst per Markdown gepflegt.
Astro Content Collections, KI-Discoverability (GEO), Sponsor-Funnel-Architektur, statisches Hosting + CI/CD via GitHub Actions.
Verlängerungs-Quote von Sponsoren steigt deutlich (geschätzt von branchenüblich 60% auf 90%), Sponsoring-Akquise wird messbar.