Hoch
1 Jahr
National
Kleines Team
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. Ich wurde beauftragt, die gesamte Webstruktur visuell zu modernisieren, nutzungsfreundlicher zu gestalten und eine klare Linie für alle Clubs zu schaffen.
Zunächst habe ich sämtliche Websites der Clubs analysiert – inklusive Unterseiten und Inhalte – und aus über 1.000 Screenshots ein visuelles Inventar erstellt. So konnte ich nachvollziehen, welche Content-Elemente wie eingesetzt werden und welche Anforderungen für das neue Designsystem nötig sind.
Darauf aufbauend entstand ein modulares, responsive optimiertes Layoutsystem, das ich in HTML/CSS umgesetzt und in die bestehende Typo3-Struktur integriert habe. Ziel war es, sowohl den kleinsten als auch den aktivsten Clubs ein modernes, wiedererkennbares, aber flexibles Webdesign zur Verfügung zu stellen.
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. Ziel war es, ein realistisches Bild der tatsächlichen Nutzung zu erhalten, um daraus konkrete Design- und Strukturentscheidungen ableiten zu können.
Auf Basis der Analyse habe ich ein einheitliches, modulares Designsystem entwickelt. Dabei wurden alle benötigten Komponenten neu gedacht, visuell vereinheitlicht und auf eine flexible, responsive Nutzung ausgelegt. Die Gestaltung orientiert sich an der Lions-CI, ist aber modernisiert, übersichtlich und auch für kleinere Clubs leicht handhabbar.
Die entworfenen Komponenten wurden in HTML/CSS umgesetzt – mit Fokus auf Barrierefreiheit, mobile Optimierung und semantisch sauberen Code. Anschließend wurden sie so vorbereitet, dass die technische Integration in die bestehende TYPO3-Instanz reibungslos erfolgen konnte – ohne in die Inhalte der einzelnen Clubs einzugreifen.
Beratung
Umsetzung
Strategische Beratung
Webdesign
Organisationen
Wie modernisiert man 260 Webseiten gleichzeitig – ohne die redaktionelle Eigenständigkeit der Clubs einzuschränken oder deren bestehende Inhalte unbrauchbar zu machen?
Durch systematische Analyse, modulare Gestaltung und gezielte technische Umsetzung konnte ein Design geschaffen werden, das einerseits für Konsistenz sorgt, andererseits genug Freiraum für Individualität bietet. Eine umfassende Vorher-Nachher-Dokumentation diente als Entscheidungsgrundlage für die Verbandsebene und unterstützt seither auch bei Schulungen und Supportanfragen aus den Clubs.
Alle 260 Clubseiten verfügen nun über ein einheitliches, modernes Erscheinungsbild mit verbesserter Benutzerführung und mobiler Optimierung. Die technische Integration verlief nahtlos – ohne Unterbrechung des laufenden Betriebs. Die Clubs können weiterhin ihre Inhalte eigenständig pflegen, arbeiten dabei aber in einem strukturierten, übersichtlichen und für alle verständlichen System.
Modulares Designsystem für Eigenmarken mit Wiedererkennungswert
Flexibles System mit klarer Form und Gefühl
Flexible Weblösung mit Shop, Audioplayer und Event-Modulen für kulturbasierte Inhalte
