Zum Inhalt springen
Projektbild Mock-up der Startseite der neuen Website von Seilbahnen Schweiz auf Mobile
scroll down

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

Erarbeitung der Seilbahnen Schweiz Sitemap im UX-Workshop

Benedicta Aregger von Seilbahnen Schweiz erklärt die Vision des Projekts im UX-Workshop mit novu

Benedicta Aregger von Seilbahnen Schweiz erklärt die Vision des Projekts im UX-Workshop mit novu

Die Sitemap der Webseite auf Post-its

Die Sitemap der Webseite auf Post-its

Erarbeitung der Problem Statement Map im UX-Workshop

Erarbeitung der Problem Statement Map im UX-Workshop

Benedicta Aregger von Seilbahnen Schweiz im UX-Workshop mit novu

Benedicta Aregger von Seilbahnen Schweiz im UX-Workshop mit novu

Gemeinsam mit dem Seilbahnen Schweiz Team wird die Sitemap der neuen Website erarbeitet

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.

Stellenbö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.

Portrait von Kern Singh, Grafiker und Projektleiter bei den verband Seilbahnen Schweiz
Kern Singh
Projektleiter Seilbahnen Schweiz

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. 

Referenzen

Referenz datenschutz.law
Referenz datenschutz.law

datenschutz.law

Referenz Denk an mich Website
Referenz Denk an mich Website

Denk an mich Website

Referenz Energie Wasser Bern
Referenz Energie Wasser Bern

Energie Wasser Bern

Referenz Gestina AG Immobilienverwaltung
Referenz Gestina AG Immobilienverwaltung

Gestina AG Immobilienverwaltung

Referenz Golfers Paradise Onlineshop
Referenz Golfers Paradise Onlineshop

Golfers Paradise Onlineshop

Referenz ISP Smarthome
Referenz ISP Smarthome

ISP Smarthome

Referenz La Werkstadt
Referenz La Werkstadt

La Werkstadt

Referenz Media-Line GmbH
Referenz Media-Line GmbH

Media-Line GmbH

Referenz Nexplore
Referenz Nexplore

Nexplore

Referenz nohe Schweiz
Referenz nohe Schweiz

nohe Schweiz

Referenz Uniskat AG Transportservice‎
Referenz Uniskat AG Transportservice‎

Uniskat AG Transportservice‎

Referenz Working Bicycle
Referenz Working Bicycle

Working Bicycle

Referenz Kellerhals Carrard
Referenz Kellerhals Carrard

Kellerhals Carrard

Referenz NFP Energie
Referenz NFP Energie

NFP Energie

Referenz gibb Sporttag
Referenz gibb Sporttag

gibb Sporttag

Arbeite mit der Berner Webagentur

Du willst uns
kennenlernen?

Ja, ich will.