Orientierung für die Bewohner der Stadt Zürich
Jedes Jahr ziehen zahlreiche Menschen in die Stadt Zürich oder innerhalb der Stadt um. Wir haben Zusammenarbeit mit der Verkehrsbetriebe Zürich zhmobil.ch umgesetzt, die allen Neuankömmlingen dabei hilft, sich schnell und unkompliziert mit ihrem neuen Wohngebiet vertraut zu machen.
Zusammen mit den Zürcher Verkehrsbetrieben, haben wir eine Website für Neuzüger:innen konzipiert und umgesetzt. Die Startseite enthält ein benutzerfreundliches Tool, um schnell und einfach die nächste Haltestelle des öffentlichen Verkehrs zu finden sowie Reisezeiten zu Hotspots anzuzeigen.
Technisch läuft die Website über eine WordPress Multisite, die somit mit den weiteren VBZ Websites wie VBZ Online, VBZ TrafficMedia und VBZ Extrafahrten verbunden ist.
Routenplanungs-Tool
Das Herzstück der zhmobil.ch Website ist das oben dargestellte Online-Fahrplan-Tool. Auf der Startseite können Benutzer:innen ihre Postleitzahl eingeben und erhalten sofort Informationen zu den nächsten ÖV-Stationen sowie zur schnellsten Verbindung zu den wichtigsten Zielen in Zürich. Dieses Tool bietet einen klaren Überblick darüber, wie gut das neue Zuhause mit dem öffentlichen Verkehr erschlossen ist.
Zusätzlich finden Benutzer:innen Links zu weiteren Informationen über das Liniennetz, Abos & Tickets, Haltestellenfahrpläne, das Tarifzonensystem, das Nachtnetz und Reisezeiten. Die Willkommens-Website ermutigt Zürcher:innen, den ÖV zu nutzen, indem sie die wichtigsten Informationen klar darstellt.
Die Daten zu Haltestellen und Hotspots kommen direkt via Schnittstelle. Auch die Farben der Linien. So wird garantiert, dass die Linienfarben auch mit jenen an den Haltestellen vor Ort und an deren digital Berührungspunkten identisch sind.
Ausgangslage
Jährlich ziehen Tausende von Menschen in die Stadt Zürich, während viele weitere innerhalb des Stadtgebiets umziehen. Diese Lebensübergänge möchte VBZ als das führende Verkehrsunternehmen in Zürich unterstützen indem sie die Möglichkeiten des öffentlichen Verkehrs (ÖV) aufzeigt.
Bisher wurden Neuzuzüger:innen von den städtischen Stellen in Zürich auf die Website www.stadt-zuerich.ch/vbz verwiesen, die in erster Linie den Fahrplan, das Unternehmen und ein tiefgehendes Verständnis des ÖV in Zürich präsentierte.
Der Wunsch von VBZ war, eine neue Willkommensseite zu entwickeln, die einen reibungslosen Zugang zum Zürcher ÖV-Netzwerk bietet. Es ist das Ziel Personen, die den ÖV in Zürich entweder gar nicht oder kaum kennen, einfache und verständliche Informationen bereitzustellen, die ihnen die vollständige Nutzung des ÖV in Zürich ermöglichen.
Mit der neuen Willkommens-Website spricht VBZ Menschen vor und nach ihrem Umzug an und macht sie mit dem erstklassigen ÖV-Angebot in ihrer neuen Wohngegend vertraut. Der öffentliche Verkehr wird gefördert, Reiserouten können einfach geplant werden, und ein reibungsloser Onboarding-Prozess erleichtert den Umstieg auf den öffentlichen Verkehr. Veränderung wird als Chance gesehen, um die Lebensqualität in der neuen Wohngegend zu steigern und gleichzeitig einen Beitrag zum Umweltschutz zu leisten.
Zürcher Hotspots auf einen Blick
Mit einem Blick können Nutzer:innen die wichtigsten öffentlichen Verkehrsknotenpunkte (ÖV-Hotspots) erkennen und sehen, wie lange es dauert, von Ihrer aktuellen Wohnung oder Ihrer zukünftigen Unterkunft dorthin zu gelangen. Diese schnelle Übersicht hilft Ihnen, die Verkehrsanbindung in Ihrer Umgebung zu beurteilen und Ihre täglichen Wege und Zukunftsplanungen besser zu organisieren.
Hotspots individualisieren
Hotspots sind flexibel anpassbar. Ein gutes Beispiel hierfür ist die saisonale Anpassung. In den Sommermonaten könnten Zürcher:innen beispielsweise «Letten» als ihren Hotspot definieren, da viele Menschen dort gerne am Flussufer Zeit verbringen. Aber sobald der Winter Einzug hält, können Benutzer:innen ganz einfach «Weihnachtsmarkt» als Ihren neuen Hotspot festlegen, da dieser in der kalten Jahreszeit Ihren Fokus und Ihre Interessen auf sich zieht.
Diese Anpassungsfähigkeit erlaubt es, die bevorzugten Orte je nach den aktuellen Gegebenheiten und Interessen festzulegen, und so das Beste aus dem öffentlichen Verkehrsnetz zu machen.
Zeitvisualisierung für optimale Routenplanung
Die verschiedenen Routen stellen die Dauer jedes Teilstücks deutlich dar, und zwar im Verhältnis zu den anderen Teilen der Strecke.
Dies ermöglicht es Benutzer:innen, auf einen Blick zu erkennen, welche Abschnitte Ihrer Reise mehr Zeit in Anspruch nehmen.
Fullscreen und individuelle Aufteilung
Durch Ziehen der Achse können Benutzer:innen zwischen der Karte und der Liste hin- und herwechseln, um die Informationen in der von Ihnen bevorzugten Ansicht zu betrachten. Dies stellt sicher, dass sie stets die bestmögliche Übersicht haben und die Darstellung nach Ihren Wünschen anpassen können.
Ergebnisanpassung an Kartenausschnitt
Die Resultate werden automatisch an den gewählten Kartenausschnitt angepasst. Egal, ob man in die Karte hineinzoomt, um mehr Details zu sehen, oder herauszoomt, um einen breiteren Überblick zu erhalten, die angezeigten Resultate werden sich entsprechend anpassen. Dies sorgt für eine benutzerfreundliche Erfahrung, bei der Benutzer:innen stets die relevanten Informationen erhalten, die für den aktuellen Kartenausschnitt von Bedeutung sind.
Responsive Design und Mobile-First-Ansatz
In unserer heutigen digitalen Ära greifen Benutzer:innen von unterschiedlichen Geräten, Bildschirmgrössen und Plattformen auf Inhalte zu. Um sicherzustellen, dass Websites und Anwendungen auf allen Geräten reibungslos funktionieren und eine optimale Benutzererfahrung bieten, sind Responsive Design und der Mobile-First-Ansatz in der Webentwicklung von entscheidender Bedeutung.
Herangehensweise
Initialer Workshop
Zu Beginn war ein Workshop entscheidend, um die Anforderungen und Ziele des Projekts zu klären und das Design sowie die Funktionen der Website genau festzulegen.
Customer Journey Analyse
Die Verkehrsbetriebe Zürich haben User Stories erstellt, um sicherzustellen, dass die Bedürfnisse und Erwartungen der Zielgruppe erfüllt wurden.
Entwicklung
Wir nutzten die vielseitige WordPress-Plattform, um die Website zu entwickeln. Dies erlaubte uns eine effiziente Verwaltung und Aktualisierung der Inhalte.
Durch die Verwendung einer Multisite-Struktur konnten wir die Inhalte gezielt an verschiedene Stadtteile und Bezirke anpassen.
Um die Benutzerfreundlichkeit zu erhöhen, speicherten wir temporär eingegebene Adressdaten im Local Storage. Dies ermöglicht ein nahtloses und bequemes Erlebnis, ohne dass Benutzer:innen bei jedem Besuch erneut ihre Adresse eingeben mussten.
Technologien
WordPress Development
Massgeschneiderte WordPress-Entwicklung bietet die Möglichkeit, hochgradig benutzerfreundliche Websites zu gestalten, die nicht nur individuelle Funktionen aufweisen, sondern auch durch ein ästhetisch ansprechendes Design bestechen.
Schnittstellen & Migrationen
Die Informationen zu den Haltestellen und Hotspots werden direkt über eine Schnittstelle bereitgestellt, ebenso wie die Farben der Linien. Dies stellt sicher, dass die Linienfarben auf der Website mit denen an den tatsächlichen Haltestellen und anderen digitalen Schnittstellen vor Ort übereinstimmen.
Local Storage
Um die Benutzerfreundlichkeit zu erhöhen, speichern wir temporär eingegebene Adressdaten im Local Storage. Dies ermöglicht ein nahtloses und bequemes Erlebnis, ohne dass Benutzer:innen bei jedem Besuch erneut ihre Adresse eingeben mussten.
Weitere Projekte für die Zürcher Verkehrsbetriebe
Online-Rechner für die Werbe-Branche
Damit Werbekunden der Verkehrsbetriebe Zürich (VBZ) einfach und online ihre Werbekampagnen planen können, haben wir ein Online-Rechner für Werbung auf Tram und Bus konzipiert und entwickelt.
Stadtmagazin für ein verbessertes Online-Erlebnis
VBZonline ist ein Magazin, das informative Geschichten über den Alltag im Zürcher Verkehr und seine Akteur:innen erzählt. Es widmet sich Themen wie einem nachhaltigen Lebensstil, urbanem Leben, Mobilität und vielem mehr.
Nächste Case Study
Berufswahl Portal Zürich
Unser Team revolutionierte die Berufswahl im Kanton Zürich durch die Entwicklung eines benutzerfreundlichen Portals mit interaktiven Elementen, personalisierten Inhalten und „Headless“-Architektur.
Die Web-Applikation ermöglicht Schülern, Eltern, Lehrern und Berufsberatern einen einfachen Zugang zu Informationen und unterstützt so optimal bei der Berufswahl.
Weitere Projekte
Hier noch ein paar weitere Kundenprojekte.
-
Weiterlesen: Relaunch mit neuem Design-System
Relaunch mit neuem Design-System
Für den Relaunch haben wir nicht nur ein neues User Experience Design gestaltet, sondern ein komplettes Design-System entwickelt. Mit dem modularen Design-System ist das komplette…
-
Weiterlesen: Adaption des neuen Migros Bank Corporate Design
Adaption des neuen Migros Bank Corporate Design
-
Weiterlesen: Kunden-Interaktionen mit einem Online-Magazin fördern
Kunden-Interaktionen mit einem Online-Magazin fördern
-
Weiterlesen: Workshops und Prototyp für einen Versicherungs-Prämienrechner
Workshops und Prototyp für einen Versicherungs-Prämienrechner
-
Weiterlesen: Neues Schreiberlebnis für GARMIN #BeatYesterday
Neues Schreiberlebnis für GARMIN #BeatYesterday
-
Weiterlesen: Neue Website mit Web-App für Ringier Advertising
Neue Website mit Web-App für Ringier Advertising
-
Weiterlesen: Neues Design für den Nahrin Webshop
Neues Design für den Nahrin Webshop