Ein führendes Unternehmen der Datenluftfahrt verleiht der Customer's Journey Flügel

Kritisches User Journey Mapping, UX-Optimierung und Web-Design

Wer ist OAG?

OAG, ein globaler Anbieter von Reisedaten, beauftragte Huble mit der Neugestaltung und Optimierung seiner Homepage von Grund auf.

Als eines der ältesten Datenluftfahrtunternehmen hat OAG eine lange Tradition in der Bereitstellung von äußerst robusten und informationsreichen Datensätzen für verschiedene Branchen. Doch ihre Homepage spiegelte nicht ihren Status als führender Experte für Reisedaten wider. Ein weiteres Problem war, dass die Homepage nicht genug tat, um ihr Kernangebot hervorzuheben, was zu einer steinigen Customer Journey und verpassten Gelegenheiten zur Kundenkonvertierung führte.

Um diese Probleme zu lösen und mehr Geschäft über die Website zu generieren, brauchte OAG einen strategiebegeisterten HubSpot-Partner mit Fachwissen in den Bereichen Webdesign, User Experience (UX) und Gestaltung effektiver Customer Journeys. Sie fanden ihren idealen Partner in Huble.

Die Herausforderung

Wir haben die Website von OAG geprüft und festgestellt, dass die Homepage nicht mit Blick auf die richtige kritische User Journey gestaltet wurde. Die kritische User Journey stellt die wichtigsten Interaktionen dar, die Besucher benötigen, bevor sie zu Kunden werden können. In diesem Fall wollten die Besucher mehr über die Angebote von OAG erfahren und brauchten Hilfe, um herauszufinden, wohin sie gehen und was sie auf der Website tun sollten.

Auch das Erscheinungsbild der Homepage musste überarbeitet werden. Die OAG hatte zwar ein ausgeklügeltes Branding und eine großartige Corporate Identity entwickelt, aber die Homepage hatte ein blockhaftes und unübersichtliches Layout, das die Navigation und das Lesen erschwerte. So wurden beispielsweise grelle Farben zur Unterscheidung zwischen den einzelnen Modulen verwendet, was es dem Leser erschwerte, die Informationen zu verarbeiten. Abgesehen davon, dass die Benutzerfreundlichkeit verbessert werden musste, vermittelte die visuelle Sprache von OAG nicht ihre Position als Datenexperten.

Nach einem Blick unter die Haube" entdeckte unser Front-End-Entwicklungsteam, dass die von OAG verwendete Vorlage nicht den Best Practices für die Codierung entsprach. Dies erschwerte die Skalierung und Wartung, insbesondere für die nichttechnischen Teammitglieder von OAG.

Die Überwindung dieser Herausforderungen erforderte eine Umstrukturierung, Neugestaltung und Neukodierung der Homepage.

Die Lösung

Bevor wir unsere Projektstrategie und unseren Aktionsplan entwickeln konnten, mussten wir die Kunden von OAG verstehen, einschließlich ihrer Customer's Journey und ihrer Interaktion mit der Website von OAG. Dazu mussten wir das Marketingteam von OAG befragen, Sitzungsdaten auswerten und Heatmaps analysieren, um zu sehen, wie sich die Nutzer auf der Startseite verhalten.

Diese detektivische Arbeit ermöglichte es uns, die Fragen zu beantworten: Welche Informationen braucht ein Website-Besucher, bevor er bereit ist, ein Kunde zu werden? Und wie können wir neuen Besuchern die richtigen Informationen vorsetzen?

Optimierte UX für neue und wiederkehrende Kunden

Auf der Grundlage unserer Recherchen haben wir den idealen, kritischen Weg des Nutzers auf der Homepage aufgezeichnet. Um ein nahtloses Nutzererlebnis und eine einfache Navigation zu gewährleisten, haben wir das Menü der Website neu gestaltet, damit die Besucher die benötigten Informationen besser finden können.

Die neue Benutzerführung gibt den Besuchern mehr Gelegenheit, sich über das Angebot von OAG zu informieren und zu erfahren, welche Datensätze zur Lösung ihrer Probleme verwendet werden können. Im Gegensatz zur ursprünglichen Seite, die die Besucher dazu aufforderte, einen Anruf bei einem Vertriebsmitarbeiter zu tätigen, besteht die primäre Aufforderung zum Handeln auf der neuen Homepage darin, die Benutzer dazu zu bringen, auf einen Datensatz zuzugreifen, der ihren Bedürfnissen entspricht. Aus diesem Grund haben wir ein Modul hinzugefügt, das die beliebtesten Datensätze hervorhebt. Qualifizierte Interessenten und Besucher, die ihre gewünschten Datensätze identifiziert haben, wurden dann eingeladen, mit einem Vertreter zu sprechen oder eine Datenprobe anzufordern.

Wir arbeiteten mit OAG zusammen, um die Texte mit stärkeren, klareren "Aktionswörtern" zu verbessern, um die Nutzer durch ihre "Buyer's Journey" zu führen. Außerdem haben wir mehrere Module überarbeitet und hinzugefügt oder entfernt. Zum Beispiel positionierten wir OAG als Branchenführer, indem wir dem Social-Proof-Bereich der Homepage Testimonials und die Logos von OAGs prominentesten Kunden hinzufügten.

Einem Branchenführer helfen, gut auszusehen

Zu unseren Designzielen gehörte es, die OAG als Datenexperten zu präsentieren und eine Seite zu gestalten, die intuitiv, elegant und leicht zu lesen ist. Wie wir bereits erwähnt haben, verfügt OAG über ein hervorragendes Branding. Anstatt die Marke zu ändern, haben wir eine konsistente visuelle Sprache entwickelt, die dem Original treu bleibt.

Unser Ansatz umfasste die Auswahl von Bildmaterial und die Erstellung maßgeschneiderter Ikonografie und Illustrationen, die das Fachwissen und das Angebot von OAG repräsentieren. Außerdem reduzierten wir das "visuelle Rauschen", indem wir die Verwendung von Farbe auf CTA-Schaltflächen, interaktive Elemente und Akzente zur Hervorhebung wichtiger Informationen beschränkten. Die Besucher der Homepage können nun anhand der Farbverwendung erkennen, welche Aktionen sie durchführen können. Um die Aufmerksamkeit der Leser aufrechtzuerhalten und die Seite dynamischer zu gestalten, wurden Animationen auf der Seite hinzugefügt.

Um die Konsistenz der gesamten Website zu gewährleisten, erstellten wir einen digitalen Styleguide und aktualisierten ihre Branding-Dokumente, um ihre neue visuelle Sprache widerzuspiegeln.

Sauberer Code, den jeder aktualisieren kann

Nachdem wir uns angesehen hatten, wie die Homepage aufgebaut war, entschieden wir, dass es schneller und weniger komplex war, sie von Grund auf neu zu erstellen. Das war zu unserem Vorteil, denn so konnten wir die Seite so gestalten, dass sie für das Marketingteam von OAG im CMS einfacher zu aktualisieren war.

Die Ergebnisse

Die kritische User Journey, die wir identifiziert hatten, war genau richtig. Die Besucher verhielten sich so, wie wir es erwartet hatten, und zeigten einen viel klareren UX-Pfad. Wie die Heatmap-Daten zeigen, müssen die meisten Besucher die Datensätze von OAG erkunden, bevor sie in Erwägung ziehen, mit einem Vertreter zu sprechen. In Anbetracht dieser Daten sahen wir folgende Ergebnisse auf der Startseite:

  • 36 % mehr Besucher auf der Seite "Alle Datensätze" (die Seite, die die Benutzer aufrufen müssen, um den von ihnen benötigten Datensatz zu finden)
  • Die gesamte Absprungrate sank auf 57 %.

Heatmaps, die den Erfolg der neuen kritischen User Journey zeigen

Alte Homepage vs. Neue Homepage:


Die Statistiken

300%

Zunahme der über die Seite "Alle Datensätze" erstellten neuen Kontakte

280%

Zunahme der Formularübermittlungen auf der Seite "Alle Datensätze".

17%

Rückgang der Absprungraten auf der Datensatzseite aufgrund der besseren Qualität des Datenverkehrs

Es ist bezeichnend, dass unsere Lösungen jede Herausforderung meistern konnten:

  • Von der Überschrift bis hin zu den Kundenstimmen wirken alle Elemente zusammen, um OAG als ein weltweit führendes Unternehmen der Datenluftfahrt zu positionieren.
  • Die Seite zeichnet sich durch ein klares Design aus, das ein angenehmes Nutzererlebnis und eine nahtlose Käuferreise ermöglicht.
  • Die Seite ist nach Best Practices kodiert, so dass sie vom Marketingteam von OAG leicht zu aktualisieren und zu pflegen ist.

Lewis Harper
Lewis Harper
Direktorin für digitales Marketing und Nachfragegenerierung, OAG

"Dies war unsere erste Zusammenarbeit mit Huble und wir sind mit den bisherigen Ergebnissen sehr zufrieden. Ihr Fachwissen hat es uns ermöglicht, unsere wichtigste Customer Journey zu identifizieren und eine schöne, optimierte Website zu erstellen - all das hat zu einer besseren Kundenerfahrung geführt. Wir können es kaum erwarten, mit der nächsten Phase des Projekts zu beginnen!"

Vorbereitung auf einen schnellen Aufstieg

Wir haben die Homepage von OAG als ersten Schritt eines größeren Projekts zur Aktualisierung der gesamten Website umgestaltet. Nach dem Ansatz des Growth-Driven Design werden unsere Erfolge beim Aufbau der Homepage auf die gesamte Website übertragen.

Anstatt also jede Seite neu zu erstellen, werden wir auf eine Reihe von getesteten und vom Kunden genehmigten Modulen und Designs zurückgreifen, die alle durch eine konsistente, kundenorientierte Kommunikation und eine einheitliche Codebasis miteinander verbunden sind.

Nachdem wir bereits so gute Ergebnisse erzielt haben, freuen wir uns darauf, OAG dabei zu helfen, noch größere Höhen zu erreichen.

Verwandte Kundengeschichten

GfK_ Human v AI Case Study-min

GfK

Erfahren Sie, wie sich GfK durch eine innovative und unterhaltsame KI-gestützte Kampagne mit einer Debatte zwischen ChatGPT und dem CMO von GfK als Vordenker etabliert hat.

Marketing Strategie & Technik

Kreative Dienstleistungen

Retail Software Solution Case Study

Retail Software Solution

Erfahren Sie, wie Huble die Google Ad-Kampagnen und die Paid-Media-Strategie überarbeitet und optimiert hat, um mehr hochwertige Leads zu generieren - zu geringeren Kosten für einen Anbieter von Einzelhandelssoftware.

SEO & Paid Media

ISOS Case Study-min

Isos

Finden Sie heraus, wie das Huble-Team Isos Technology geholfen hat, ihr visuelles Branding zu erneuern und eine neue Website zu gestalten, die ihre Dienstleistungen hervorhebt und die Konversionen erhöht.

Website Design & Entwicklung

OAG Case Study

OAG

Finden Sie heraus, wie das Huble-Team der OAG geholfen hat, ihre Homepage umzugestalten und zu optimieren und den Umsatz über ihre Website zu steigern.

Marketing Strategie & Technik

GGMS Case Study-min

GGMS

Entdecken Sie, wie Huble Digital mit GGMS Coaching, einem US-amerikanischen Unternehmen für Marketing und Datenbankkonvertierung, zusammengearbeitet hat, um seine Verkaufs-, Zahlungs- und Kundenanbahnungsprozesse von Grund auf neu zu gestalten.

Vertrieb & Einnahmen

Apaleo Case Study

Apaleo

Apaleo benötigte ein erfahrenes Beratungsunternehmen, um seine Corporate Identity (CI) aufzufrischen, seine Website zu relaunchen und das Marketingtool HubSpot zu integrieren.

Website Design & Entwicklung

GfK Case Study-min

GfK

Finden Sie heraus, wie Huble der GfK geholfen hat, ihr globales Marketing mit Hilfe der HubSpot-Plattform neu zu definieren.

Marketing Strategie & Technik

Inteprefy Case Study

Interprefy

Finden Sie heraus, wie Huble Digital den Marketing-Erfolg von Interprefy durch die Umstellung auf HubSpot CRM und den Aufbau einer SEO- und Lead-Generierungs-Website von Grund auf neu gestartet hat.

SEO & Paid Media

Marketing Strategie & Technik

The Nav People Case Study

The Nav People

Erfahren Sie, wie wir das Marketingteam von The NAV | 365 People während der Abwesenheit ihres Managers unterstützt haben - und wie sie ihre Marketingergebnisse verbessern konnten

SEO & Paid Media

Bond International Software Case Study

Bond International Software

Erfahren Sie, wie Huble Digital die bezahlten Werbekampagnen von Bond International Software unterstützt hat, um die Kosten pro Konversion zu verbessern und einen hohen ROI zu erzielen.

SEO & Paid Media

Broadbean Case Study

Broadbean

Erfahren Sie, wie Huble Digital Broadbean Recruitment Software mit zwei Tagen maßgeschneiderter HubSpot-Beratung und Salesforce-Integration unterstützt hat.

Marketing Strategie & Technik

Caseware Case Study

Caseware

Erfahren Sie, wie Huble Digital dem Anbieter von Buchhaltungssoftware CaseWare geholfen hat, ein Programm zur Erstellung von B2B-Inhalten zu starten, um neue Leads über seine Website zu gewinnen.

Marketing Strategie & Technik

Sailthru Case Study

Sailthru

Das PR-Team von Huble Digital half bei der erfolgreichen Einführung von Sailthru in Großbritannien

Marketing Strategie & Technik

Travelport Case Study Thumbnail

Travelport

Erfahren Sie, wie wir Travelport dabei geholfen haben, groß angelegte Paid-Media-Kampagnen über verschiedene soziale Kanäle durchzuführen.

SEO & Paid Media