Die Website des SC Schwarzach wurde grundlegend überarbeitet. Ziel des Relaunchs war dabei nicht einfach ein neues Erscheinungsbild, sondern vor allem eine übersichtlichere Struktur und eine einfachere Bedienung.

Die Inhalte des Vereins sind jetzt klarer gegliedert und wichtige Bereiche schneller erreichbar. Die Navigation wurde neu strukturiert, damit Besucher mit möglichst wenigen Schritten zu den gewünschten Informationen gelangen. Gerade bei einem Verein mit unterschiedlichen Abteilungen, Mannschaften, Veranstaltungen und aktuellen Meldungen war uns wichtig, die vorhandenen Inhalte übersichtlicher zusammenzuführen.

Auch das Erscheinungsbild wurde überarbeitet. Die Website nutzt den verfügbaren Platz auf größeren Bildschirmen besser aus und wirkt dadurch übersichtlicher und weniger gedrängt. Gleichzeitig wurde die Darstellung auf kleineren Geräten deutlich verbessert.

Ein besonderer Schwerpunkt lag deshalb auf der responsiven Bedienung. Navigation, Inhalte, Bilder und Bedienelemente passen sich jetzt konsequenter an die jeweilige Bildschirmgröße an. Die Website soll damit auf dem Smartphone genauso einfach nutzbar sein wie auf einem Tablet, Notebook oder großen Desktop-Monitor.

Auch die verschiedenen Abteilungen des SC Schwarzach lassen sich besser in die gemeinsame Website integrieren. Trotz unterschiedlicher Inhalte bleibt die grundlegende Bedienung gleich. Besucher müssen sich dadurch nicht in jedem Bereich neu orientieren.

Bestehende Inhalte und Meldungen wurden soweit sinnvoll übernommen. Der Relaunch verbindet damit die bereits vorhandenen Informationen mit einer neuen Struktur und einer technisch modernisierten Website.

Technische Umsetzung

Technisch wurde die Website auf TYPO3 14 als neue Systembasis umgestellt. Im Rahmen der Migration wurden bestehende Seiten, Inhaltselemente, Mediendateien und interne Verknüpfungen in die neue TYPO3-Struktur übernommen und an die Anforderungen der aktuellen CMS-Generation angepasst.

Die Frontend-Struktur wurde umfassend überarbeitet. Projektspezifische Fluid-Templates, TypoScript-Konfigurationen sowie CSS- und JavaScript-Anpassungen wurden neu organisiert und in die projektspezifische TYPO3-Erweiterung integriert. Individuelle Anpassungen sind damit klarer von TYPO3-Core und eingesetzten Erweiterungen getrennt, was insbesondere die Wartbarkeit und zukünftige Aktualisierung des Systems verbessert.

Für die neue Seitenstruktur wurden Navigation, Seitenhierarchie und Routing angepasst. Gleichzeitig wurde die Navigationsstruktur so aufgebaut, dass umfangreichere Vereinsbereiche und deren Unterseiten auch auf unterschiedlichen Endgeräten übersichtlich erreichbar bleiben.

Das responsive Frontend wurde gezielt überarbeitet. Inhaltsbreiten, Breakpoints, Abstände, Navigationselemente sowie die Darstellung von Bildern und Texten reagieren abhängig von der verfügbaren Viewport-Breite. Dadurch wird nicht lediglich eine Desktop-Darstellung verkleinert, sondern die Anordnung und Darstellung der Inhalte an das jeweilige Endgerät angepasst.

Auch die News-Ausgabe wurde technisch angepasst. Listen- und Detailansichten, Nachrichtenbilder, Bildunterschriften, Datumsinformationen und Navigationselemente wurden in das neue responsive Layout integriert. Dabei wurden unter anderem Bildbreiten und zugehörige Bildunterschriften aufeinander abgestimmt sowie nicht mehr benötigte Rahmen, Abstände und Layoutvorgaben der bisherigen Darstellung entfernt.

Zusätzlich wurden bestehende Konfigurationen und ältere Strukturen überprüft und, wo erforderlich, an die aktuellen Mechanismen von TYPO3 14 angepasst. Der Relaunch umfasst damit sowohl die sichtbare Neugestaltung als auch eine Überarbeitung der zugrunde liegenden Seiten-, Template- und Frontend-Struktur. Ziel ist eine Website, die einfacher zu bedienen, auf unterschiedlichen Geräten konsistent nutzbar und technisch langfristig besser wartbar ist.