Zum Inhalt springen
Juni 2026 Schwimmerbund Delphin 03 Augsburg e. V.

Vorhaben

Neuer Internetauftritt für Delphin 03 Augsburg.

Diese Seite ist eine Demo-Präsentation für die Neugestaltung der Website des Schwimmerbund Delphin 03 Augsburg.

Sie soll zeigen, dass Webdesign im Jahr 2026 nicht mehr schwerfällig und träge sein muss. Es kann zügig über verschiedene Ideen und Techniken iteriert werden.

Die gesamte Seite sowie die drei Demo-Seiten sind mit dem vorgeschlagenen Technik-Verbund aufgebaut.

Ziele dieser Präsentation:

  • Technische Möglichkeiten zeigen.
  • Echten Zugang zum gewählten CMS WordPress ermöglichen.
  • Visuelle Richtungen vorschlagen.
Inhaltspflege
Texte, Bilder und Termine in WordPress einfach selbst verwalten.
Mobil zuerst
Smartphone-Ansicht als Standard, nicht als Nachgedanke.
Barrierearm
WCAG 2.2 Stufe AA — Tastatur, Vorlese­software, Kontrast.
Datenschutz
Hosting in Deutschland, keine Drittanbieter ohne Einwilligung.

Bausteine

  1. WordPress

    Das international verbreitetste Redaktionssystem. Inhalte pflegt der Verein selbst — Termine, Berichte, Bilder direkt im Browser.

  2. Mittwald

    Deutscher Webhoster aus Espelkamp. Server in Deutschland, persönlicher Support, automatische Backups, faire monatliche Kosten.

    mittwald.de

  3. GitHub

    Versionierung des Quellcodes. Jede Änderung ist nachvollziehbar, jede Version wiederherstellbar — auch wenn die Entwicklung später wechselt.

Drei Entwürfe

Identischer Inhalt, drei Gestaltungs-Wege. Ein Klick öffnet jede Variante in voller Größe.

  1. Klassisch & klar

    Ruhige Typografie, deutliche Sparten-Aufteilung, traditionsorientierte Anmutung.

  2. Bewegt & lebendig

    Verspielte, interaktive Animationen, frische Bildsprache, hellere Wirkung. Mein Favorit. Finden Sie die „versteckte“ Animation?

  3. Editorial & kraftvoll

    Großformatige Sport-Typografie kombiniert mit Editorial-Italic, dunkler Navy-Hintergrund mit prägnantem Rot-Akzent — wirkt wie eine Sportmagazin-Doppelseite.

Mitgliederbereich Login

Ein geschützter Bereich für die rund 1.000 Vereinsmitglieder — Login und Rechteverwaltung laufen direkt in WordPress, ohne zweites Programm und ohne externen Dienst.

Mitglieder loggen sich nur auf der normalen Website ein und sehen dann zusätzliche, nicht-öffentliche Inhalte. Einen Zugang zum WordPress-Verwaltungsbereich haben sie nicht.

Mitglieder registrieren sich selbst; jede Anmeldung wird vom Verein bestätigt, bevor der Zugang aktiv wird. Passwörter verwalten die Mitglieder eigenständig.

So wird man Mitglied auf der Website:

  • Anmelden — Registrierungsformular auf der Website ausfüllen.
  • E-Mail bestätigen — Bestätigungslink anklicken (Double-Opt-in).
  • Prüfung im Verein — ein Redakteur oder Webmaster prüft die Anfrage.
  • Freischalten — der Account wird per Klick bestätigt.
  • Fertig — der Login zum Mitgliederbereich ist aktiv.

Bestätigungs- und Passwort-Mails laufen kostenfrei über das vorhandene Hosting-Postfach bei Mittwald. Die eingesetzte Software ist kostenlos; die Datenschutzerklärung wird um die Mitglieder-Registrierung ergänzt.

Webmaster
1–2 Personen — volle Verwaltung der Website.
Redakteure
Beiträge und Termine pflegen, neue Mitglieder freischalten.
Vereinsmitglieder
Rund 1.000 Personen — einloggen und geschützte Inhalte ansehen, kein Backend-Zugang.
Besucher
Beliebig viele — sehen nur die öffentlich zugänglichen Seiten.

Wartung & Übergabe

Die Website wird vollständig von dem Entwickler Janosch Feucht umgesetzt. Der laufende Betrieb liegt danach beim Verein — Inhalte pflegen die Redakteure selbst, einen Entwickler braucht es nur für echte Layout- und Funktionsänderungen.

Was im aktuellen Reboot entsteht, ist ein maßgeschneidertes WordPress-Theme — keine Baukasten-Lösung. Aufbau und Pflege bleiben dadurch nachvollziehbar und langfristig wartbar.

Inhalte — Texte, Bilder, Termine und Beiträge — pflegen die Redakteure direkt im WordPress-Backend. Dafür ist kein technisches Wissen nötig.

Ein Webmaster kümmert sich um Updates: WordPress, Theme und Plugins sollten regelmäßig aktualisiert werden — realistisch etwa alle vier Monate, also rund dreimal im Jahr; sicherheitskritische Updates zeitnah.

Nur echte Eingriffe in Layout oder Funktion — Änderungen am Theme-Code selbst — erfordern einen Entwickler. Die tägliche Inhaltspflege nicht.

Mitgliederbereich
WP-Members für Login und Rollen, FluentSMTP für den zuverlässigen Versand der System-Mails.
Veranstaltungen
The Events Calendar — Termine und Wettkämpfe als echter Kalender.
Inhalts-Felder
Advanced Custom Fields verbindet die im Backend gepflegten Inhalte mit dem Theme-Code.
Datenschutz
Real Cookie Banner steuert die Einwilligungen für eingebettete Inhalte wie Karten oder Videos.

Wie der Reboot technisch gebaut ist:

  • Maßgeschneidertes WordPress-Theme mit klassischen PHP-Templates — bewusst kein Page-Builder, für volle Kontrolle und lange Wartbarkeit.
  • Programmiersprachen: PHP für die Serverlogik, HTML und CSS für Struktur und Gestaltung, JavaScript für Interaktion — ohne jQuery-Altlasten.
  • Die Frontend-Oberfläche ist komplett frei gestaltet — nicht an Baukasten oder feste Vorlagen gebunden: eigene CSS-Komponenten und Design-Tokens für einheitliche Farben und Typografie.
  • Werkzeugkette: Vite bündelt CSS und JavaScript, Composer verwaltet die PHP-Abhängigkeiten, Git und GitHub versionieren jede Änderung nachvollziehbar.
  • Gehostet bei Mittwald in Deutschland; der gesamte Quellcode liegt auf GitHub — die Entwicklung kann jederzeit übergeben werden.