Swiss Volley hat foryouandyourcustomers ihr Vertrauen geschenkt, um die Transformation ihrer Webseite in eine benutzerzentrierte Plattform voranzutreiben. Anforderung war, dass die Seite auf die vielfältigen Bedürfnisse verschiedener Nutzergruppen ausgerichtet wird, darunter Fans, Spieler*innen, Trainer*innen und Schiedsrichter*innen. "Ich spürte sofort die Klarheit im Ansatz von Marco Torrente und seinem Team, und das schenkte mir Vertrauen", äußerte Ursula Gugger Suter, Leiterin der Kommunikation im Verband und treibende Kraft hinter dem Webseite-Projekt.

Die vielfältigen Anforderungen an die Neugestaltung

Swiss Volley ist der nationale Dachverband für Volleyball und Beachvolleyball in der Schweiz. Er repräsentiert nahezu 50.000 lizenzierte Spieler*innen und ist für die Entwicklung dieser Sportarten im Land verantwortlich. Als Dachorganisation fungiert Swiss Volley als Veranstalter, Dienstleister und Lobbyist für den Volleyballsport. In dieser Rolle muss die Organisation mit verschiedenen Interessens- und Zielgruppen umgehen und versucht, diese so effektiv wie möglich zu erreichen, auch online.

Daher war es gemäß Gugger Suter von entscheidender Bedeutung, die vielfältigen Anforderungen und Perspektiven zu verstehen und darauf zu reagieren. Als Projektleiter und Service Designer von foryouandyourcustomers schlug Marco Torrente eine Reihe von Expert*innen-Interviews und Workshops vor. Vertreter*innen aus regionalen Verbänden wurden einbezogen, um die Ziele und Erwartungen des Swiss Volley-Teams mit denen der verschiedenen Nutzergruppen abzustimmen.

Von Anfang an wurde deutlich, dass die Interaktion mit authentischen Nutzer*innen von entscheidender Bedeutung war, um eine Website zu gestalten, die ihren Bedürfnissen und Präferenzen entsprach, und um neue Konzepte rigoros zu testen. Was sich anfangs als eine gewaltige Hürde darstellte, entwickelte sich dank sorgfältiger Planung und einer gut orchestrierten Strategie zur Rekrutierung echter Benutzer*innen zu einem Erfolg.

Während die bisherige Webseite von innen, also aus Sicht von Swiss Volley, erstellt wurde, lag unser Fokus auf dem Blick von außen, den Menschen, die die Webseite als Nutzer*innen erleben.

— Marco Torrente, Service Designer 

David und Ursula erstellen gemeinsam Nutzerprofile.

Design Sprint zur Förderung der Kooperation zwischen nationalen und regionalen Verbänden.

Um die Reise zur neuen Webseite in Gang zu setzen, nutzte Torrente den Design-Sprint-Ansatz. Dieser ermöglichte Swiss Volley, Ideen zügig zu prüfen und zu validieren, stets mit dem Fokus auf die Bedürfnisse echter Nutzer*innen. Torrente beschreibt den Prozess:

Im Fall von Swiss Volley fühlte sich der Sprint an wie ein sportlicher Wettkampf, bei dem ich der Trainer war. Die Teilnehmenden brachten die entsprechende sportliche Einstellung mit, was zu einer effektiven Entscheidungsfindung führte.

— Marco Torrente, Service Designer

Ein entscheidender Schritt innerhalb des Design Sprints war ein zweitägiger Workshop mit dem Swiss Volley-Team. Hierbei wurde das umfangreiche Wissen des Teams sowie deren Empathie für Endnutzer*innen genutzt, um die ersten Entwürfe einer potenziell neuen Webseite zu gestalten. Diese Entwürfe wurden anschließend in einem digitalen Prototypen zusammengeführt, der noch in derselben Woche mit echten Nutzer*innen aus verschiedenen Zielgruppen getestet wurde. Dieser Ansatz ermöglichte es dem Designteam, bestehend aus Marco, David und Gavi, die wichtigsten Annahmen zu validieren und die wünschenswertesten Funktionen rasch zu priorisieren.

Bewertung von Benchmarking Beispielen

Eine neue Informationsarchitektur, um Inhalte leicht zugänglich zu machen

Eine große Herausforderung, die das Team während des Design Sprints entdeckte, war die große Komplexität der alten Website-Navigation, die das Ergebnis der kontinuierlichen Hinzufügung von Inhalten im Laufe der Zeit war. Andererseits bedeutete diese Reichhaltigkeit an Inhalten auch, dass es eine gute Grundlage für eine Neustrukturierung mit Blick auf verschiedene Benutzergruppen gab.

"Ziel der Neugestaltung war es, den Zugang zu Informationen für alle, die etwas vom Verband benötigen, zu vereinfachen. Niemand sollte sich in der Menge der Informationen verlieren oder sich in mehreren Schritte durchklicken müssen, um zu bestimmten Ergebnissen zu gelangen."

— Ursula Gugger Suter, Leiterin Kommunikation Swiss Volley

Um dieses Ziel zu erreichen, hat das Team eine neue Informationsarchitektur entwickelt, um die Webseite-Navigation zu optimieren und sicherzustellen, dass die Nutzer*innen schnell und unkompliziert auf die gewünschten Informationen zugreifen können:

• Der Inhalt sollte so organisiert sein, dass er für die Nutzer*innen sinnvoll ist.

• Die Webseite sollte leicht zu durchsuchen sein.

• Nutzer*innen sollten in der Lage sein, benötigte Informationen schnell und einfach zu finden.

Informationsarchitektur

Zusätzlich stellte das Team sicher, dass die neue Webseite folgende Funktionen beinhaltet:

• Ein neu gestaltetes Game Center, das einen einfachen Zugang zu Informationen über Ergebnisse und anstehende Spiele bietet.

• Einen dedizierten Wissensbereich, in dem wichtige Volleyball-Informationen zu finden sind.

• Einen News-Bereich, der die Nutzer*innen mit den aktuellsten Nachrichten und Informationen über die verschiedenen Teams auf dem Laufenden hält.

Game Center vorher (links) und nachher (rechts)

Eine neue Designsprache

Nachdem die Informationsarchitektur neu definiert wurde, begann das Designteam mit der Entwicklung einer völlig neuen Bildsprache, die Ästhetik und Funktionalität nahtlos miteinander verknüpft. Auch in diesem Zuge arbeiteten sie aktiv mit Endnutzer*innen und Interessengruppen zusammen, um sicherzustellen, dass die Webseite nicht nur visuell ansprechend ist, sondern auch die Benutzerfreundlichkeit im Fokus steht.

Inspiriert vom typografischen Erbe der Schweiz wählte das Team eine Schriftart, die Tradition mit einem frischen, modernen Look vereint. Die charakteristische rote Farbe des Verbandes und eine durchdachte Bildsprache wurden genutzt, um die Dynamik und die Emotionen, die mit dem Sport verbunden sind, zu vermitteln.

Typografisches Erbe der Schweiz

Ein Designsystem wurde eingeführt, um die Entwürfe in Komponenten zu strukturieren und letztendlich eine konsistente Benutzererfahrung zu schaffen. Dieses System hilft dabei, etablierte Designmuster und -richtlinien zu nutzen, was wiederum die Benutzerfreundlichkeit erhöht. Das Ergebnis ist eine Webseite, die für Besucher*innen leicht zu navigieren ist und die Gesamterfahrung angenehmer und intuitiver gestaltet.

Performance durch React; Transparenz durch Storybook

Nachdem das Designsystem vollständig ausgearbeitet war, widmeten sich Lisandra und Felipe, Entwickler*innen von foryouandyourcustomers, der Erstellung der Frontend-Komponenten in React, um sicherzustellen, dass die Benutzer ein dynamisches und reaktionsschnelles Erlebnis genießen können. Zur Optimierung der Prozesse und zur transparenten Zusammenarbeit mit dem Backend-Partner visol wurde die Storybook-Plattform eingesetzt. Storybook diente als zentrale Plattform für das Hosting, die Dokumentation, das Testen und die gemeinsame Nutzung der programmierten Komponenten. Dank dieser Lösung konnten visol Neuerungen und Anpassungen live bertrachten und Swiss Volley Schritt für Schritt miterleben, wie die Design-Vision zum Leben erweckt wird.

Storybook: Beispiel Tab Menü

Wo stehen wir?

(Update: 22.08.2024)

Seit August 2024 ist die neue Webseite live. Die gemeinsame Vision, die in Zusammenarbeit mit verschiedenen Themenverantwortlichen und Regionalteams entstanden ist, wurde zum Leben erweckt. Verantwortliche können laut Gugger Suter nun Informationen und Dienstleistungen noch besser auf die Bedürfnisse der Nutzer*innen ausrichten und präsentieren. Auch die Mitarbeiter*innen, die bisher telefonische und schriftliche Anfragen bearbeiteten, profitieren von der schnelleren Informationsbeschaffung der Benutzer.

„Die überarbeitete Inhaltsstruktur ermöglicht es den Verantwortlichen, Informationen und Services noch besser auf die Bedürfnisse der Nutzer auszurichten und zu präsentieren.“

— Ursula Gugger Suter, Head of Communication Swiss Volley

In einem komplexen Netzwerk aus Stakeholdern und Zielgruppen haben wir eine neue Webseite realisiert, die die Komplexität für die Nutzer unsichtbar macht. Die verschiedenen Zielgruppen des Verbands finden sich nun auf einer modernen, leicht zugänglichen Plattform schneller zurecht. Der Relaunch hat die Vernetzung zwischen nationalen und regionalen Verbänden verbessert. Die Webseite bietet ein dynamisches und reaktionsschnelles Nutzererlebnis, und das neue open-source CMS ermöglicht flexible Anpassungen. Zudem hat die neue technologische Basis die CO2-Bilanz der Seite reduziert.

Und so schauen wir nicht nur auf eine neue benutzerfreundliche Webseite, sondern auch auf eine gestärkte Zusammenarbeit zwischen Swiss Volley und den Regionalverbänden, ein Ausdruck für den Erfolg des Projekts.

Unsere Leistungen

Versuchen Sie, etwas Ähnliches zu erreichen? Wir stellen Ihnen gerne unser Fachwissen und unsere Erfahrung zur Verfügung, wenn es um die Gestaltung und Entwicklung neuer Websites geht – vor allem, wenn auch Sie mit der Komplexität mehrschichtiger Netzwerke von Beteiligten und Zielgruppen zu tun haben.

Von der strategischen Planung über die Schaffung eines überzeugenden Nutzererlebnisses bis hin zur Einführung Ihrer Lösung – wir sind bereit, Ihren neuen Ideen, Produkten oder Dienstleistungen Leben einzuhauchen.

• Wir begleiten Sie auf dem Weg zu einer neuen Webseite

• Design-Sprints zur Erkundung und Validierung kreativer Visionen

• Discovery Research für tiefgreifende Einblicke in Nutzer*innen

• Schnelle Ideenfindung, Entwicklung von Prototypen und detailliertes Design

• Erstellung durchdachter Design-Systeme

• Ausarbeitung von Front- und Backend-Lösungen