Mobility Relaunch für mobility.ch

Mit einem modernen Design, einer flexiblen Headless-Architektur und konsequenter Nutzerzentrierung haben wir gemeinsam mit Mobility einen neuen digitalen Auftritt geschaffen – agil, zukunftsfähig und konsequent auf die Bedürfnisse der User ausgerichtet.

  • weblösungen

Eine Plattform mit Zukunft – Mobility will mehr als nur ein neues Design

Die bestehende TYPO3-Webseite war in die Jahre gekommen und stiess in Sachen Flexibilität, Skalierbarkeit und Nutzererlebnis an ihre Grenzen. Mobility wollte nicht nur einen frischen Look, sondern eine vollständig neue digitale Plattform – modular, leistungsfähig und bereit für künftige Anforderungen.

Valencia übernahm die strategische Konzeption, entwarf eine zukunftsfähige Systemarchitektur auf Headless-Basis und begleitete Mobility durch den gesamten Relaunch-Prozess – von der ersten Idee bis zum Go-live.

Tablet-Ansicht der mobility.ch-Webseite mit geöffnetem Fahrzeugfilter „Alle Kategorien“ und angezeigten Budget-Fahrzeugen, darunter ein roter Citroën C1 und ein VW e-up mit Preisangaben.

Branding trifft Usability

Das UX- und UI-Design orientiert sich am gleichzeitig entwickelten neuen Markenauftritt von Mobility. Joël Walser verantwortete die visuelle Gestaltung und sorgte dafür, dass sich das neue Look & Feel konsequent durch die gesamte Plattform zieht – für ein stimmiges, modernes und markenkonformes Nutzererlebnis.

Nahaufnahme eines roten Mobility-Fahrzeugs mit sichtbarem Seitenspiegel, Vorderrad und „mobility“-Logo auf der Fahrertür.
Hand hält ein Smartphone mit geöffneter mobility.ch-Webseite, die eine interaktive Karte mit verfügbaren Standorten für Mietfahrzeuge in der Schweiz zeigt.

Ein digitaler Auftritt, der mitwächst

Die neue Plattform überzeugt durch Flexibilität, klare Informationsarchitektur und eine moderne, markentreue Gestaltung. Inhalte lassen sich modular erstellen und ausspielen – für alle Zielgruppen und Geräte.

Dank der Headless-Architektur ist Mobility heute technologisch bestens aufgestellt für neue Anwendungen, Features und Touchpoints. Das Nutzererlebnis ist intuitiv, barrierearm und durchdacht – ein digitaler Auftritt, der mit den Anforderungen der User wächst.

Unser Vorgehen – Agil zum Ziel

Der Relaunch-Prozess startete mit intensiven Workshops zur gemeinsamen Definition der Anforderungen und zur Entwicklung eines tragfähigen Proof of Concept. Auf Basis von User-Tests wurden erste Prototypen mit echten Usern getestet und das Feedback direkt ins HiFi-Design eingearbeitet.

Die technische Umsetzung erfolgte anschliessend in zweiwöchigen Sprints nach Scrum – mit regelmässigen Reviews, enger Zusammenarbeit im Team und einem klar priorisierten Backlog. Insgesamt wurden im MVP über 300 Storypoints umgesetzt – ein Zeichen dafür, wie umfangreich und vielschichtig das Projekt war.

Besonderes Augenmerk galt der Contentüberarbeitung: In einem kollaborativen Prozess zwischen Mobility und Valencia wurde der gesamte Webinhalt neu strukturiert und überarbeitet – ein zentraler Erfolgsfaktor für den Relaunch.

An der Zusammenarbeit mit Valencia schätze ich den täglichen Austausch. Man fühlt sich nicht «nur als Kunde», sondern als ein Teil des ganzen Teams.
Eine lächelnde Frau mit blonden Haaren, die zu einem lockeren Pferdeschwanz gebunden sind, sitzt an einem weissen Regal. Sie trägt ein blaues Jeanshemd und eine schwarze Armbanduhr. Im Hintergrund sind weisse Regale zu sehen. Links im Bild steht eine grüne Pflanze.

Michèle Bucher

Website Marketing, Mobility Genossenschaft

Unsere Lösung

Die neue Webseite überzeugt durch modernes Design und legt den Grundstein für die technische Weiterentwicklung. Ein Einblick in unsere Lösung:

  • Headless in die Zukunft

    Mit der neuen Webseite setzt Mobility nicht mehr auf das monolithische System TYPO3, sondern auf das Headless CMS Storyblok. Mit der neuen Webseite haben wir den Grundstein für eine weitreichende Veränderung gelegt. In Zukunft können Tools und Programme von Mobility einfach und leicht eingebunden werden.

  • UX, die Orientierung schafft

    Die Verschmelzung von Magazin- und Angebotsinhalten sorgt für einen nahtlosen inhaltlichen Auftritt über alle Seiten hinweg. Statt getrennten Bereichen beiten wir Nutzer:innen ein konsistentes Erlebnis, das sowohl inspirierende Geschichten als auch konkrete Angebote zusammenführt. Das erleichtert Neukund:innen die Orientierung und stärkt gleichzeitig die Benutzerfreundlichkeit für Bestandskund:innen, die gezielt nach Funktionen, Informationen oder weiterführenden Inhalten suchen. So wird die Customer Journey nicht unterbrochen, sondern logisch und fliessend weitergeführt.

    Mehr zum Thema UX-Design
  • Frontify als zentrale Datenbank

    Mobility nutzt bereits seit längerer Zeit das Digital Asset Management (DAM) von Frontify für die zentrale Verwaltung von Mediendaten. Dank des benutzerfreundlichen Konnektors zwischen Frontify und dem CMS Storyblok können Redakteur:innen direkt in der Oberfläche von Storyblok auf Frontify zugreifen und dort Dateien auswählen. Das mühsame Herunter- und Hochladen von Bildern entfällt – stattdessen arbeiten sie nahtlos in einem System. Das spart nicht nur Zeit, sondern sorgt auch für eine einheitliche Datenquelle («Single Source of Truth») bei der Verwendung von Bildmaterial.

  • Content-Übersetzung ohne Umwege

    Mobility produziert täglich neue Inhalte und recherchiert fortlaufend spannende Geschichten und Beiträge. Aufgrund der nationalen Verbreitung müssen diese Inhalte in vier Sprachen verfügbar sein. Was früher über umständliches Importieren und Exportieren von Dateien sowie E-Mail-Verkehr mit der Übersetzungsfirma erfolgte, geschieht heute direkt über den Crowdin-Konnektor. So wird der Übersetzungsprozess deutlich effizienter – für die Redakteur:innen und das Übersetzungsteam.

  • Priorisieren statt überladen

    Gemeinsam haben wir den MVP-Backlog kontinuierlich priorisiert und die umsetzbaren Funktionen definiert. Diese agile Herangehensweise ermöglichte es, das Budget einzuhalten und dennoch einen starken Funktionsumfang zu realisieren. Grundlage für den Erfolg waren gegenseitiges Vertrauen, transparente Kostenkontrolle durch Valencia, regelmässige Prognosen und gemeinsame Risikobewertungen mit Mobility.

    Mehr zum Thema Relaunch Budget
Tablet auf gestreiftem Hintergrund zeigt die Economy-Fahrzeugkategorie auf mobility.ch mit den Modellen VW ID.3 und Renault Zoe inklusive technischer Details und Ausstattungsinfos.

Resultate

Ein erfolgreicher Relaunch in Zahlen

Mit dem Relaunch hat Mobility einen wichtigen Schritt in Richtung digitale Zukunft gemacht. Die neue Plattform ist nicht nur ein moderner Sales-Hub, sondern auch eine zentrale Wissens- und Informationsdrehscheibe rund um nachhaltige Mobilität.

www.mobility.ch
  1. 507

    Storys im CMS erstellt

  2. 140

    Tickets im MVP Backlog

  3. 300

    Storypoints umgesetzt

  4. 5

    Monate Entwicklungszeit bis Go Live

Bereit für die nächsten Schritte

Mit der neuen Plattform ist Mobility optimal auf zukünftige Anforderungen vorbereitet. Die modulare Architektur erlaubt eine flexible Anbindung weiterer Systeme, während die nutzerzentrierte Struktur ein konsistentes und markenkonformes Erlebnis sicherstellt.

Doch der Relaunch ist kein Endpunkt: Der Backlog ist gut gefüllt, die nächsten Sprints sind geplant. Die Plattform wird laufend weiterentwickelt, optimiert und mit neuen Funktionen ergänzt – als digitale Lösung, die mit den Bedürfnissen ihrer Nutzer:innen wächst.

Lass uns begeistern!

Jede Webseite ist anders – und genau das lieben wir. Mit Erfahrung, Kreativität und einem agilen Mindset entwickeln wir digitale Plattformen, die nicht nur funktionieren, sondern begeistern. Bereit? Wir sind es.