Mit rund 80.000 Mitgliedern gehört der BSV mit Sitz in München zu den 10 größten bayerischen Sportfachverbänden. Er repräsentiert den Schwimmsport und seine vielseitigen Facetten in der Öffentlichkeit und ein starkes Dach für 7 bayerische Bezirke und rund 300 Vereine.

Ausgangssituation

Die alte Homepage sollte ablöst werden durch ein neues Konzept und Design für eine professionelle Internet-Präsenz auf hohen visuellen und technischen Niveau. Das „Aufräumen“ der damaligen Inhalte sollte zudem auch Raum schaffen für die Abbildung neuer Strukturen.

Für den Relaunch der Homepage des bayerischen Schwimmverbands e.V. wurde ars navigandi damit beauftragt das Konzept und Design zu entwickeln. Für die technische Umsetzung einer voll responsive Website wurde die Firma Tomcom GmbH als Kooperationspartner durch ars navigandi beauftragt.

Zielsetzung

• Markenbekanntheit und Neukundengewinnung
• Markenwerte vermitteln bzw. stärken
• Inhalte/Informationen übersichtlich und klar weitergeben inkl. Suchfunktion
• Aktuelles und professionelles Termin-Management inkl. Online Anmeldung für Lehrgänge
• Optimierte Koordination von Veranstaltungen in internen Strukturen
• Upload von internen Dokumenten z. B. Reisekostenformulare und Kontaktdaten

Kommunikation und Konzeption

• Moodboard und Styletiles um die Formensprache der Design-Patterns zu entwickeln
• Entwicklung des neuen Branddesigns über die Analyse der Kernelemente der Marke
• Kreation verschiedener Symbole für die Auswahl der einzelnen Disziplinen
• Erstellung einer Pattern Library (CSS, HTML, JavaScript) um die einzelnen Design Elemente konsistent zu halten und eine optimale Übergabe zu gewährleisten
• Festlegung des neuen Basic-Online-Styleguide inkl. Patterns, Atoms, Molecules, Organism und Pages

Umsetzung – CMS und Hosting: Tomcom GmbH

• Skinning: Technische Integration der zentralen UI-Layoutvorgaben für die globalen Bereiche Header, Navigation, Footer sowie statische Content Elemente, inkl. Responsive-Varianten
• Nutzung etablierter Web-Technologien wie FontAwesome, LESS, etc. auf Basis Bootstrap 4-Grid
• Technische Umsetzung aktiver Funktionen für zugangsgeschützte Teilbereiche: Online-Anmeldung für Lehrgänge, Termine/Kalender, FAQ-Datenbank, Zentrale Suchfunktion, Verknüpfung Social Media, Pressemitteilungen und News-Archiv, Download-Integration (über zentrale Mediathek)
• Going-Live Vorbereitung und Architektur-Anpassungen/Erweiterungen: SSL-Verschlüsselung, Redirects, 404-Seite, Cookie- Hinweise, Webmaster-Tools, Sitemap, GA Opt-Out, SEO, etc.

Ergebnisse

Das neue Design System bietet mit einem Baukasten an UI-Patterns und Code-Komponenten einen kompletten Satz an Design-Standards und bildet damit die gemeinsame Design-Sprache. Die neue Pattern Library bietet eine harmonische Design Skalierung von den Grundelementen (Atomen) bis hin zu den komplexen Patterns (Organism) und Pages.

Über den zum Relaunch konzipierten Styleguide präsentiert sich die neue Homepage des bayerischen Schwimmverbands mit einem einheitlichen und übersichtlichen „frischen“ Look & Feel. Die neue Website bietet über das Intranet mit Berechtigungskonzept für Untergruppen wie z. B. Vereine und Bezirke, maximale Flexibilität und Sicherheit für die interne Firmen-Kommunikation.