Aus Alt mach Neu

Die mittlerweile in die Jahre gekommenen CityPass-Kundenwebsiten sollten im Rahmen einer Umstellung des Backends einen neuen Anstrich bekommen.

Flexibilität für die Zukunft

Grundsätzlich war es wichtig, ein Design zu erarbeiten, welches responsiv und flexibel ist. Damit soll sichergestellt werden, dass sich auch zukünftige Funktionen nahtlos in das neue UI einfügen.

Dies geschieht durch die Verwendung eines Card-basierten Layouts, die sich je nach Viewportgröße unterschiedlich anordnen lassen.

Card-Stil
Wireframe der neuen Startseite

Whitelabel-Lösung

Herausfordernd war insbesondere eine Gestaltungslösung zu schaffen, die gleichermaßen in allen CityPass-Partnerstädten eingesetzt werden kann, um den Wartungsaufwand gering zu halten.

Aus diesem Grund wurde eine einheitliche Designsprache mitsamt Design System entwickelt. Die Eigenheiten der Partnerstädte spiegeln sich durch eine jeweils eigene Farbpalette und in der Logogestaltung wieder.

  • Startseite neu

    • Startseite alt

    • Startseite neu

    • Partnerübersicht alt

    • Partnerübersicht neu

    • Kartenansicht alt

    • Kartenansicht neu

    • FAQ alt

    • FAQ neu

    • Kino alt

    • Kino neu