SBS Webseite

Seilbahnen Schweiz Webseite

Seilbahnen Schweiz (SBS) ist der Verband der Schweizer Seilbahnbranche, der sich für die gemeinsamen Anliegen und Interessen der Schweizer Seilbahnunternehmen engagiert und ihre Zusammenarbeit fördert. Ausserdem bildet der Verband Seilbahn-Profis der Zukunft aus und bietet sowohl Seilbahnlehren als auch diverse Weiterbildungen an. novu entwickelte die neue Website, auf der die Mitglieder alle Branche-relevante Inhalte finden, einschliesslich Stelleninseraten, Weiterbildungen und Reglementen.

5000

Dokumente in der Literaturdatenbank

über 340

Stelleninserate jährlich

587

Dokumente zum Download

Auftrag

Die neue Website soll als Informationsplattform für die Schweizer Seilbahnbranche dienen. Ein zentrales Anliegen ist es, die Benutzerführung zu verbessern und die umfangreichen Inhalte in einem ansprechenden und modernen Design übersichtlich abzubilden. Das CMS soll intuitiv bedienbar sein, damit Mitarbeitende Inhalte eigenständig erstellen, anpassen und veröffentlichen können. Die zahlreichen Dokumente sollen zentral verwaltet werden können und durch die Suche schnell auffindbar sein.

Design Komponenten für die neue Seilbahnen Schweiz Website

Zielsetzung

Verbesserung der Benutzerführung und zeitgemässes, ansprechendes Design
Überarbeitung der Inhalte und deren ansprechende und übersichtliche Darstellung
Eine flexible Website, die leicht erweitert werden kann
Zentrale Verwaltung von Dokumenten und Inhalten für die Mitglieder
Intuitive Bedienung des Content Management Systems für die Mitarbeiterinnen und Mitarbeiter der SBS
Implementation eines Magic-Links, um bestehenden Login-Probleme zu beheben
Übersichtliche Darstellung der Kurs- und Weiterbildungs-angebote mit der Möglichkeit, in einer späteren Ausbaustufe die Kurse direkt über die Website zu buchen
Implementierung einer Suchfunktion, die sowohl Dokumente als auch Seiten durchsuchen kann
Integration weiterer Angebote der Seilbahnen wie Unfalldatenbank und Benchmarks

Erarbeitung der Seilbahnen Schweiz Sitemap im UX-Workshop
Benedicta Aregger von Seilbahnen Schweiz erklärt die Vision des Projekts im UX-Workshop mit novu
Die Sitemap der Webseite auf Post-its
Erarbeitung der Problem Statement Map im UX-Workshop
Benedicta Aregger von Seilbahnen Schweiz im UX-Workshop mit novu
Gemeinsam mit dem Seilbahnen Schweiz Team wird die Sitemap der neuen Website erarbeitet

Nutzerzentrierter Ansatz Durch UX-Workshops

Zu Beginn des Projekts haben wir uns in mehreren UX-Workshops zusammengesetzt, um Personas, Anforderungen und zentrale Use Cases zu erarbeiten. Dabei kamen verschiedene Workshop-Methoden aus dem Collaborative UX Design Prozess von Toni Steimle zum Einsatz. Da SBS in verschiedenen Bereichen tätig ist, haben wir bewusst Mitarbeiter aus unterschiedlichen Fachgebieten eingeladen, um sicherzustellen, dass alle relevanten Aspekte abgedeckt werden. Auch hier arbeiteten wir nach dem komponentenbasierten Ansatz und stellten unseren Kunden mehr als 30 Komponenten zur Verfügung, um ihre Inhalte ansprechend zu präsentieren und einen Modularen Seitenaufbau zu ermöglichen.

Das neue Design für die Übersicht des Weiterbildungsangebot von Seilbahnen Schweiz

Technische Herausforderungen

Diese inhaltsreiche Website stellte uns vor zahlreiche technische Herausforderungen. Insbesondere für die Erstellung der Literaturdatenbank mussten mehrere tausend Dateien importiert werden. Ausserdem musste eine Volltextsuche implementiert werden, die es ermöglicht, den Inhalt der Dokumente in allen drei Sprachen zu durchsuchen. Diese Lösung wurde entwickelt, um den Benutzern zu helfen, schnell das richtige Dokument in der Literaturdatenbank zu finden.

Seitengeschwindigkeit trotz Grösse & Komplexität

Um die Herausforderungen der Seitengeschwindigkeit bei umfangreichen und komplexen Webanwendungen zu meistern, wurde die Entscheidung getroffen, Nuxt 3 zu verwenden, mit einem speziellen Fokus auf Static Site Generation (SSG). Nuxt 3, ein modernes Vue.js Framework, ermöglicht uns, leistungsstarke und effiziente Webanwendungen zu erstellen, die von der Serverseite gerendert werden, was die Ladezeiten erheblich verkürzt.

Passwortgeschützte Seiten

Bestimmte Inhalte (Downloads) sollen von SBS gezielt für bestimmte Zielgruppen ohne Mitgliederlogin zugänglich gemacht werden. Dies erforderte die Implementierung von passwortgeschützten Seiten, die einfach im Content Management System angelegt und bei Bedarf wieder deaktiviert werden können. Eine auf Laravel basierende Middleware stellt sicher, dass nur Benutzer, die im Besitz des erforderlichen Passworts sind, die Seite einsehen oder geschützte Dateien herunterladen können. Diese Lösung bietet dem Administrator dennoch die Flexibilität, das Passwort für den Seitenschutz jederzeit anzupassen.

Volltextsuche in mehr als 5000 Dokumenten auf der Seilbahnbibliotek

Eine interaktive Karte zur Darstellung aller Mitglieder, sortiert nach Kanton

Algolia Suche

Die Website verwendet Algolia für die Suchfunktion, die nicht nur das Auffinden von Seiten oder Inhalten sowie die Volltextsuche in der Literaturdatenbank ermöglicht, sondern auch eine fehlertolerante Suche (Fuzzy Search) unterstützt. Das bedeutet, dass die Seite auch bei Tippfehlern oder ungenauen Suchanfragen relevante Ergebnisse liefert. Darüber hinaus werden die Suchergebnisse intelligent sortiert, um die Relevanz und Genauigkeit der Ergebnisse zu maximieren. Auf diese Weise können die Nutzer effizient und schnell auf die gewünschten Informationen zugreifen, auch wenn sie sich nicht genau an die korrekten Bezeichnungen oder Schreibweisen erinnern können.

Stellenbörse

Die Integration der Stellenbörse in die Website von Seilbahnen Schweiz war technisch anspruchsvoll, da die Mitglieder in der Lage sein sollten, Stelleninserate in mehrere Sprachen selbständig zu erfassen, zu bearbeiten oder zu deaktivieren. Dies erforderte die Entwicklung einer benutzerfreundlichen Oberfläche sowie eines zuverlässigen Backend-Systems zur Verwaltung und Aktualisierung der Stelleninserate.

Screens von der Implementierung aller offenen Stellen der Seilbahnen Branche in der Schweiz

Anbindung Benchmark mit SSO

Für Benutzer, die bereits bei Seilbahnen eingeloggt sind, bietet die Seite eine Single Sign-On (SSO) Lösung mit Benchmark an. Benchmark ist ein bestehendes Backend von SBS, die wir in die neue Webseite integriert haben. Dies ermöglicht die direkte Anmeldung bei Benchmark ohne erneute Eingabe der Anmeldedaten. Diese Integration sorgt für einen nahtlosen Übergang zwischen den Diensten und verbessert die Benutzererfahrung durch einen vereinfachten Zugang.

Zusammenarbeit & Ausblick

Das Projekt erforderte eine intensive Kommunikation zwischen den verschiedenen Beteiligten. Um sicherzustellen, dass der Kunde stets über den aktuellen Stand informiert ist und dass seine Anforderungen erfüllt werden, wurde er zu den Sprint-Planungsmeetings eingeladen und erhielt Zugriff auf das Jira-Board. Wir legen grossen Wert darauf, mit unseren Kunden auf Augenhöhe zusammenzuarbeiten und transparent zu kommunizieren, so auch bei der Zusammenarbeit mit dem Verband der Schweizer Seilbahnen.

Die Zusammenarbeit mit NOVU für die neue Webseite des Verbands Seilbahnen Schweiz verlief sehr effizient. Das Team lieferte massgeschneiderte Lösungen auf die diversen Herausforderungen unserer Anforderungen. Die neue Webseite repräsentiert unseren Verband optimal und bietet unseren Nutzern einen Mehrwert durch die Übersichtlichkeit und den Mitgliederbereich. Besonders toll war die professionelle und gleichzeitig freundschaftliche Zusammenarbeit.