UX/UI-Redesign der Haltestellen-Management-Systems des Nordhessischen Verkehrsverbunds NVV

Für den Nordhessischen Verkehrsverbund NVV haben ein UX-/UI-Redesign des Haltestellen-Management-System (HMS) zur Verwaltung und Qualitätssicherung der Haltestellen entwickelt.

Das Haltestellen-Management-System HMS dient als Datenquelle für alle Infrastrukturdaten und ist über Exportschnittstellen an weitere Systeme angebunden. Darüber hinaus nutzen Fahrgäste und externe Partnern die Platform als Informationsportal zu den Themen „Bahnhöfe“ und „Haltestellen“. Ein Schwerpunkt hierbei lag auf der Bereitstellung von Informationen zur Barrierefreiheit.

Ziele

Für den NVV war eine moderne und aus Usability-Sicht einwandfreie Lösung das Ziel. Die Lösung muss intuitiv, durchdacht und einfach nutzbar sein, gleichzeitig einen modernen und zeitgemäßen Eindruck machen und sich optisch nahtlos – unter Berücksichtigung der Corporate Design Richtlinien – in die Produktwelt des NVV einreihen. Trotz der einfach zu handhabenden Lösung müssen alle Funktionalitäten und die gesamte Komplexität des Systems untergebracht werden.

Vorgehen

Um den Anforderungen gerecht zu werden, haben wir gemeinsam mit dem NVV zunächst eine Konzeptionsphase durchlaufen, um all das relevante Wissen und die Insights zu generieren, die für das durchdringen des komplexen Produktes nötig sind. Wir haben Zielgruppen erarbeitet und mit realen Nutzern dieser Zielgruppe Interviews durchgeführt um an Insights zu gelangen, die reale Wünsche und Bedürfnisse der Nutzer widerspiegeln. Aus dieser Phase ergibt sich das Wissensfundament für spätere Design-Entscheidungen.

Schaubild Menüstruktur des HMS
Übersichtliche Menüstruktur des HMS

Auf Grundlage dieser Erarbeitung startete dann die Wireframephase, in der wir die Informationsarchitektur und strukturelle Zusammenhänge abgeleitet haben. Nach ausgiebigem Testing und Iterieren des Entwurfs konnten wir uns an die Ausgestaltung und die Entwicklung eines UI Design Systems machen, um Konsistenz und Struktur gewährleisten zu können

Herausforderungen

Die größte Herausforderung war die für den Nutzer verständliche und sinnvolle Strukturierung und Orchestrierung der Datenmengen. Durch stetiges Validieren und Einnehmen der Nutzerperspektiven und -rollen konnten die Komplexität herunterbrechen und den verschiedenen Nutzergruppen zugänglich machen.

Screenshot des User Interface Designs
UI Detail

Ergebnis

„Ihre Arbeit hat dem Projekt „Relaunch des NVV Haltestellen-Management-Systems” den Schub gegeben, den es benötigte. Das nun entstandene Design entspricht den Vorstellungen, die wir schon zu Beginn des Projekts hatten. Aber auch in Bezug auf die Funktionen und die Anwendung des Systems haben Ihre Fragen und Ideen dazu geführt, dass das System am Ende noch ein weiteres Stückchen besser sein wird.“  – NVV

Kurz zusammengefasst

What is Webflow and why is it the best website builder?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

What is your favorite template from BRIX Templates?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you clone a template from the Showcase?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

Why is BRIX Templates the best Webflow agency?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

When was Webflow officially launched?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you integrate Jetboost with Webflow?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

What is Webflow and why is it the best website builder?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

What is your favorite template from BRIX Templates?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you clone a template from the Showcase?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

Why is BRIX Templates the best Webflow agency?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

When was Webflow officially launched?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

How do you integrate Jetboost with Webflow?

Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices. Cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere.

Entdecken
Zurück zur Stories-Übersicht
Startet euer Projekt mit uns!
Wir freuen uns auf euch!
Bild vom Geschäftsführenden Gesellschafter Henrik Johannsen
Deine Ansprechperson
Henrik Johannsen
Kontakt
Screenshot vom Südtirol Pass auf einem Smartphone
Screenshot vom Südtirol Pass auf einem Smartphone
Teaser Bild der Story oder des Projektes
Screenshot vom Südtirol Pass auf einem Smartphone
Südtirol Pass digital
Südtirol Pass digital
Südtirol Pass digital
Südtirol Pass digital
Projekt-Referenzen

Zusammen mit der STA (Die Südtiroler Transportstrukturen AG) haben wir ein großes Update für südtirolmobil veröffentlicht: Fahrgäste haben jetzt erstmalig die Möglichkeit, ihre Fahrten mit dem Südtirol Pass vorab online zu entwerten.

EntdeckenEntdecken
Entdecken
Teaser Bild der Story oder des Projektes
Die Kundenapp der AGILA Tierversicherung
Die Kundenapp der AGILA Tierversicherung
Die Kundenapp der AGILA Tierversicherung
Die Kundenapp der AGILA Tierversicherung
Projekt-Referenzen

Mit der Kunden-App der AGILA Tierversicherung haben Versicherte ihre Vertragsdaten immer griffbereit. Das Einreichen von Haftpflichtschäden und Tierarztrechnungen wird so ganz einfach: Einloggen, Rechnung fotografieren, abschicken und den Bearbeitungsstatus in der App verfolgen.

EntdeckenEntdecken
Entdecken

Kontakt

Wir freuen uns auf euch!

Bild vom Geschäftsführenden Gesellschafter Henrik Johannsen
Deine Ansprechperson
Henrik Johannsen
PROJEKTIONISTEN® GmbH
Schaufelder Straße 11
30167 Hannover
Vielen Dank für deine Nachricht! Wir werden uns so schnell wie möglich bei dir melden.
Ihre Nachricht konnte nicht gesendet werden. Schreibe uns bitte per Mail (info@projektionisten.de).