Modernisierung der Clubwebsites für Lions Österreich
Einheitliches Designsystem & technische Umsetzung für 260 Lions Club-Websites
Über das Projekt
In ganz Österreich betreiben über 260 Lions Clubs eine eigene Clubwebsite – zentral verwaltet über eine gemeinsame TYPO3-Instanz. Nach Jahren ohne gestalterische Weiterentwicklung wirkte das Layout veraltet, uneinheitlich und war technisch nicht mehr zeitgemäß – insbesondere auf mobilen Geräten.
Der Auftrag umfasste die visuelle Modernisierung, eine verbesserte Nutzungserfahrung und eine einheitliche Gestaltungslinie für alle Clubs – ohne dabei die redaktionelle Eigenständigkeit der einzelnen Clubs einzuschränken.
Projekt-Details
Die Herausforderung
Wie modernisiert man 260 Webseiten gleichzeitig – ohne die redaktionelle Eigenständigkeit der Clubs einzuschränken?
Die bestehenden Websites waren über Jahre gewachsen, verwendeten unterschiedliche Gestaltungselemente und waren technisch nicht für mobile Endgeräte optimiert. Eine vollständige Neugestaltung musste sowohl einheitlich als auch flexibel genug für die individuellen Bedürfnisse jedes Clubs sein.
Die Lösung
Eine systematische Analyse kombiniert mit modularer Gestaltung und gezielter technischer Ausführung – für maximale Konsistenz bei gleichzeitigem Freiraum für Individualität.
Das neue Designsystem bietet einheitliche Komponenten, die flexibel kombinierbar sind und sich an verschiedene Club-Bedürfnisse anpassen lassen.
Das Ergebnis
Alle 260 Websites verfügen nun über ein modernes, einheitliches Erscheinungsbild mit optimierter Benutzerführung und vollständiger mobiler Responsivität.
Die nahtlose technische Integration ermöglichte den Launch ohne Betriebsunterbrechung – die Clubs können ihre Inhalte weiterhin eigenständig im strukturierten System verwalten.
Auf einen Blick
Phase 1
Analyse & Bestandserhebung
Im ersten Schritt habe ich sämtliche Lions Club-Websites inklusive Unterseiten gescreent und über 1.000 Screenshots erstellt. Daraus entstand ein umfassendes Content Inventory aller eingesetzten Inhaltselemente – die Grundlage für das neue Designsystem.
Phase 2
Designsystem & Komponenten
Basierend auf der Analyse entstand ein modulares System mit erneuerten, einheitlichen und responsiv optimierten Komponenten. Jede Komponente wurde für verschiedene Bildschirmgrößen und Anwendungsfälle konzipiert – von der Veranstaltungsübersicht bis zum Mitgliederbereich.
Phase 3
Technische Umsetzung
Die HTML/CSS-Implementierung erfolgte mit Fokus auf Barrierefreiheit, mobile Optimierung und semantisch korrektem Code – vorbereitet für die nahtlose TYPO3-Integration durch das technische Partnerunternehmen.
Projekt geplant?
Lassen Sie uns darüber sprechen, wie ich Ihnen helfen kann.
[email protected] +43 7243 23470