Travelyn-casestudy-desktop-header

Travelyn

Neugestaltung einer Flugsuchmaschine

Travelyn-white

Expertise

UX Audit, UX Strategy, 
UX & UI Design

Platforms

Web

Industry

Travel, Airlines

Travelyn ist eine Flugsuchmaschine, die es Nutzern ermöglicht, 'unmögliche' Flugverbindungen zu erstellen. Dank des Virtual Interlining-Prozesses, der auf fortschrittlichen Algorithmen basiert, können Reisende problemlos Flugverbindungen buchen, einschließlich Fluggesellschaften, die normalerweise nicht zusammenarbeiten.

Travelyn musste UX-Exzellenz erreichen, um Tausende von Kunden weltweit zufriedenzustellen.

travelyn-flightsearch@2x

Travelyn wollte ihr UX-Erlebnis auffrischen, um das Vertrauen und die Zufriedenheit ihrer Kunden zu verbessern und somit die Konversion zu steigern.

Der Kunde wandte sich mit einer Liste von Herausforderungen an uns, wie die bestehenden Benutzerflüsse verbessert werden können, sowie mit einer Idee für ein völlig neues Feature – User Account, das darauf abzielt, langfristige Beziehungen zu Travelyn-Nutzern aufzubauen.

Wir boten ihnen einen ganzheitlichen Ansatz an und führten ein UX-Audit und eine UX-Strategie durch, bevor wir die Ergebnisse präsentierten und greifbare Lösungen vorschlugen, um UX-Exzellenz zu erreichen.

travelyn-searchresults@2x

Benutzer benötigen Klarheit

Früher könnte die Anzeige aller Fluginformationen in den Suchergebnissen von Travelyn beim Benutzer zu Verwirrung geführt haben. Nach einer gründlichen Wettbewerbsanalyse haben wir entschieden, dass die Menge an Informationen auf den Kacheln begrenzt und übersichtlich organisiert sein sollte.

Da wir wissen, dass Benutzer sich vor ihrer Entscheidung zur Buchung eines Fluges sicher fühlen müssen, wurde der Hauptfluss geändert. Wir haben alle notwendigen Verbindungsdetails sofort sichtbar gemacht, sodass es für den Benutzer einfacher ist, während wir ihnen die Möglichkeit geben, auf dem nächsten Bildschirm weiter zu erkunden.

Der Call-to-action-Button erhielt eine klare Beschreibung, und natürlich haben wir nicht vergessen, die Zugänglichkeitsstandards in Bezug auf Schriftarten und Farben einzuführen.

Zuerst: Wir haben uns um die Transparenz der Prozesse und die Zugänglichkeit des Produkts gekümmert.

travelyn-tripplan@2x

Mach mich nicht warten oder lass mich zumindest nicht merken, dass ich warte

Die meisten Travelyn-Nutzer gelangen über beliebte Flug-Suchmaschinen auf ihre Website. Bis jetzt war das Erste, was sie sahen, ein Ladebildschirm, während das Tool im Hintergrund die Verfügbarkeit der Flüge überprüfte. Dies führte zu einem relativ hohen Anteil an toten Klicks (ein Indikator für Frustration oder eine gescheiterte Erwartung) – 31%.

Unsere Lösung bestand darin, die Wartezeit zu verwalten, indem wir wichtige Informationen über die Details der Reise präsentierten. Wir mussten auch das Randfall-Szenario eines verlängerten Wartens auf die Antwort des Systems und die Notwendigkeit, einen Ladebildschirm anzuzeigen, berücksichtigen. Wir entwarfen eine Fortschrittsanzeige, die in Kombination mit wechselnden Nachrichten den Nutzer einbindet und ihm versichert, dass alles in die richtige Richtung geht.

Für 75 % der Nutzer, die die Travelyn-Website besucht haben, war der Ladebildschirm das Erste, was sie sahen. Wir konnten die Wartezeit nicht umgehen, aber wir konnten die Aufmerksamkeit der Kunden gewinnen und die Wartezeit unauffällig gestalten.

travelyn-luggage@2x

Warum kaufen so wenige Kunden Gepäck? Wie können wir sie dazu ermutigen?

Why not to kill two birds with one stone?

Before, many users would overlook the ability to add luggage, because these options were somewhat hidden in the interface. They needed to be searched for and the semantic analysis showed us that the luggage instructions were not clear enough.

By introducing visible and well-described tiles, we managed to improve the user experience, but also to meet Travelyn’s business need — the luggage options available at one click made the purchase easier and more intuitive. No dark patterns included!

travelyn-theprocess@2x

Gewährleistung einer offenen und kontinuierlichen Kommunikation mit den Nutzern

Vor unserem Redesign schienen einige Ansichten des Buchungsprozesses für die Nutzer identisch zu sein, was ihnen keine Möglichkeit gab, im Reservierungsprozess voranzukommen. Dies führte zu Zweifeln: „In welchem Stadium des Prozesses befinde ich mich?“; „Habe ich alle Daten korrekt ausgefüllt?“

Als Antwort auf dieses Problem entwarfen wir kompakte Ansichten, die die bisher abgeschlossenen Schritte zusammenfassen, und gaben dem Nutzer die Möglichkeit, die Flugdaten und Passagierinformationen jederzeit zu überprüfen.

Der neu gestaltete Stepper kommuniziert den Systemstatus korrekt, wodurch eine gute Benutzererfahrung mit den geschäftlichen Anforderungen Hand in Hand geht.

Ein Gefühl des Vertrauens beim Kunden aufbauen, bevor die entscheidende Kaufentscheidung getroffen wird.

travelyn-profile@2x

Der letzte Schritt des Redesign-Prozesses

Travelyn musste ihre Kundenbindung stärken, um eine höhere Kundenbindung zu erreichen. Dies war einer der Hauptziele unseres Redesigns.
Eine Benutzerkonto-Funktion eröffnet Möglichkeiten, einen personalisierteren Service zu schaffen sowie Funktionen hinzuzufügen, die die Benutzererfahrung ihres Produkts verbessern:

- Der Meine Buchungen Abschnitt bietet Kunden Informationen über bevorstehende Reisen und gibt Einblicke in die Reisehistorie,

- Der Reisezeitstrahl Abschnitt hilft den Nutzern, ihre bevorstehende Reise in Echtzeit zu visualisieren. Er informiert über alle bevorstehenden Schritte, einschließlich Zeit & Datum, und wie man sich vorbereiten kann,

- Die Funktionalität Gespeicherte Reisende ermöglicht es Nutzern, Daten zu speichern und automatisch auszufüllen: Ihre eigenen und die Ihrer Mitreisenden. Die Buchung wird schnell und mühelos, und die Wahrscheinlichkeit von Fehlern bei der Dateneingabe wird erheblich reduziert.

Was kommt als Nächstes? 

Unser Design-Team unterstützt die kontinuierliche Entwicklung von Travelyn. Unser Audit und unsere Empfehlungen haben eine neue Vision für weitere Produktverbesserungen geschaffen und wir können es kaum erwarten, was die Zukunft bringt.

Die Benutzerkontofunktionalität von Travelyn ist ein hervorragendes Werkzeug, um eine langfristige Beziehung zwischen einem Kunden und einem Dienstleister zu fördern.

Tools

  • Figma

    Figma

Deliverables

  • Benchmarks mit einer Liste von Empfehlungen und Best Practices der Branche

  • Backlog mit beschriebenen und priorisierten Aufgaben

  • UX-Empfehlungen für die zukünftige Entwicklung des Produkts

  • Verbesserung von UX und UI

  • Designbibliothek, die an Zugänglichkeitsstandards angepasst ist

  • Benutzeroberfläche mit vollständiger Produktdokumentation

Vielleicht ist es der Beginn einer schönen Freundschaft?

Wir sind für neue Projekte verfügbar.

Contact us