Case Study · Verein · Issum

TC Blau-Weiß Issum

Vereinswebsite mit eigenem Backend. Klar für Mitglieder, schnell für Google.

TC Blau-Weiß Issum: Vereinswebsite Mockup auf Desktop

Infos verteilt, Mitglieder verloren

Trainingszeiten in PDFs. News nur auf Facebook. Wer neu in den Verein kam, musste erst suchen, wer zuständig ist und wann Training ist. Ehrenamtliche hatten kein zentrales Tool, nur verstreute Dateien und Chats.

Der Relaunch bündelt Mitmachen, Teams, Aktuelles und Kontakt auf einer schnellen Website, die im Backend ohne WordPress-Ballast gepflegt wird.

  • FacebookNews · nicht suchbar
  • PDF-DownloadsZeiten · veraltet
  • E-Mail-ChaosAnsprechpartner · unklar
  • Kein BackendPflege · umständlich
  • Alte WebsiteStruktur · unübersichtlich

Architektur

Öffentliche Vereinsseite und Admin-Bereich teilen eine Supabase-Datenbank. Ehrenamt pflegt News und Events im Backend, die Website rendert handcodiert und schnell.

Bereiche und Pflege
Bereich Umsetzung Pflege
Start & Mitmachen Statische Sektionen + CMS-Felder Ehrenamt
Mannschaften & Jugend Strukturierte Team-Seiten Ehrenamt
Aktuelles & Events Supabase + Admin-UI Backend
Halle & Außenanlage Informationsseiten Ehrenamt
SEO & Performance Handcodierter Frontend-Stack Build
Analytics Umami (DSGVO) Automatisch

Bereiche

Vier Bereiche der live Website — Struktur, Inhalt und Technik ohne Stock-Foto-Füllmaterial.

01 · Start & Mitmachen

Erster Eindruck: klar, lokal, handlungsorientiert

Die Startseite führt direkt zu Mitmachen, Trainingszeiten und Kontakt. Kein Vereins-Wirrwarr: neue Mitglieder sehen in Sekunden, was der TC bietet und wie sie einsteigen. Design in Vereinsfarben Blau-Weiß, mobil optimiert für Eltern und Spieler unterwegs.

02 · Mannschaften & Jugend

Teams strukturiert, nicht in PDFs versteckt

Mannschaften und Jugendbereich mit eigenen Hero-Sektionen, Trainingsinfos und Ansprechpartnern. Ehrenamtliche können Inhalte pro Bereich pflegen, ohne die gesamte Site neu aufbauen zu müssen.

03 · Aktuelles & Backend

News und Events ohne WordPress

Aktuelles läuft über Supabase: Vereinsvorstand pflegt News und Termine im Admin, die öffentliche Seite zieht die Daten dynamisch. Kein Plugin-Update-Stress, kein Voll-CMS für eine Aufgabe, die drei Felder und ein Datum braucht.

04 · Technik & Performance

Schnell, barrierefrei, suchbar in Issum

Handcodierter Frontend-Stack auf Vercel, Supabase als Backend, Umami für Analytics. Lighthouse 96+ Performance, 100 in Accessibility, Best Practices und SEO. Basis für lokale Suche rund um Issum und Kreis Kleve, ohne generische Vereins-Templates.

Build Proof

Live auf tcissum.de. Lighthouse-Werte aus dem Relaunch, täglich im Einsatz für den Verein.

Performance
Lighthouse 96 · handcodiert, kein Plugin-Ballast
Barrierefreiheit
Lighthouse 100 · klare Hierarchie und Fokus-States
SEO
Lighthouse 100 · lokale Struktur Issum / Kreis Kleve
Frontend
Vite · TypeScript · responsive Mobile-First
Backend
Supabase · PostgreSQL · Admin für News/Events
Hosting
Vercel · Edge, schnelle Auslieferung
Live
tcissum.de

Vereinswebsite im gleichen Maßstab?

Klare Struktur, ehrenamtlich nutzbares Backend, Festpreis ab 1.000 €. SPX Studio aus Issum, kurze Wege am Niederrhein.