Kundengeschichten
Omio vereinheitlicht Marke mit gemeinsamem Designsystem
Die innovative Reise-App hat eine gemeinsame Komponentenbibliothek entwickelt, die von allen Front-End-Teams verwendet wird, um die Konsistenz über alle digitalen Kanäle hinweg zu gewährleisten und ein nahtloses Benutzererlebnis zu schaffen.
Omio (früher bekannt als GoEuro) hilft Kunden bei der Suche und Buchung von Bahn-, Bus- und Flugtickets in ganz Europa. Mit Omio können Reisende aus über tausend Anbietern die beste Transportmöglichkeit für ihre Bedürfnisse auswählen, basierend auf Dauer, Preis oder Verkehrsmittel, anstatt mehrere Websites besuchen zu müssen, um eine Reise zu planen. Das Buchungserlebnis ist einfach und personalisiert und steht über alle digitalen Kanäle zur Verfügung, einschließlich einer kostenlosen mobilen App sowie mobilen und Desktop-Websites. Zusätzlich zur Buchung bietet Omio eine Preisvergleichs-Website, ein Online-Reisemagazin, In-App-Reise-Updates und kontaktloses Ticketing. Das Team von Omio beschäftigt heute mehr als dreihundert Mitarbeiter aus fünfzig Ländern, die in den Niederlassungen weltweit arbeiten.
Die Entwicklung in kleinen, isolierten Teams hatte dazu geführt, dass das Front-End von Omio inkonsistent gestaltet war
Warum
Das Unternehmen schuf ein umfassendes Designsystem mit einer gemeinsamen Komponentenbibliothek, um das Markenimage zu vereinheitlichen.
Was
Die Benutzererfahrung ist jetzt nahtlos, während die Nutzung durch Entwickler effizienter geworden ist.
Wie
Inkonsistentes App-Design schadet der Marke Omio
Mit über achtzehn Millionen Downloads der Anwendung benötigte Omio ein umfangreiches Entwicklungsteam. Aufgrund des großen Umfangs und der Größenordnung der mobilen App arbeiteten die Frontend-Entwickler in kleineren Teams, die jeweils an separaten benutzerorientierten Elementen wie der Buchungs- oder Suchseite arbeiteten.
Jedes Team arbeitete unabhängig voneinander mit separaten Code-Repositories, was oft dazu führte, dass sie visuelle App-Elemente erstellten, die etwas anders aussahen als die anderen. Zum Beispiel hatten die Call-to-Action-Schaltflächen leicht unterschiedliche Formen. Dies beeinträchtigte das allgemeine Erscheinungsbild der App. Omio beschloss daher, eine systematische Änderung vorzunehmen und ein einheitliches Designsystem einzuführen, um die Markenkonsistenz aller Elemente zu gewährleisten.
Design System Teil eines ganzheitlichen Ansatzes
Bei Omio arbeiteten sechs verschiedene Teams am Frontend der App, als Xebia zur Unterstützung hinzukam, jedes mit seiner eigenen Quelle der Wahrheit. Das Unternehmen brachte sie daher zusammen, um mit demselben Designsystem und einer gemeinsamen Komponentenbibliothek zu arbeiten und so das Ziel einer nahtlosen Benutzererfahrung zu erreichen.
Jedes Entwicklerteam wurde in den gesamten Produktentwicklungsprozess eingebunden, so dass sie alle im Rahmen eines ganzheitlichen Ansatzes über neue Funktionen auf dem Laufenden gehalten wurden. Es wurde ein Frontend-Kapitel eingerichtet, das dafür sorgte, dass sich alle sechsundvierzig Entwickler regelmäßig trafen, um Entwicklungsfortschritte zu besprechen und gemeinsam die gemeinsame Komponentenbibliothek zu erweitern.
“Wir sind begeistert, dass die Omio-App immer beliebter und umfangreicher wird. Dies ist zu einem großen Teil der visuellen Markenkonsistenz und der hochwertigen Benutzererfahrung zu verdanken, die Xebia uns bei diesem Projekt ermöglicht hat. Wir wissen, dass wir jetzt bereit sind, noch schneller voranzukommen. ”
Alex Zhuk
Technischer Leiter, Omio
Hochwertiges Benutzererlebnis
Omio verfügt jetzt über ein einheitliches Erscheinungsbild in der gesamten App und auf den Websites, wobei das neue Designsystem in über vierzig Projekten verwendet wird. Dank dieses neuen Styleguides ist die Navigation für die Benutzer einfacher geworden. Alle Elemente wie Schaltflächen und Suchfelder erscheinen nun in der gesamten Omio-App auf die gleiche Weise.
Zusätzlich zu den Gewinnen beim UI-Design konnte die Entwicklungszeit von Omio dank der großen gemeinsam genutzten Bibliothek mit bereits vorhandenen Assets verkürzt werden - dreißig Prozent des Codes der App werden jetzt wiederverwendet. Dieser gestraffte Design- und Entwicklungsprozess gibt den Entwicklern Zeit, an fortschrittlicheren Projekten zu arbeiten, was das Wachstum des Unternehmens beschleunigt und seine Marktposition sichert.
Contact