Die Zukunft der Geschäftsreise.
Buchen, Managen und Abrechnen mit voya!
Unsere Leistung: Neuer Webauftritt und Brand Development
Voya
Website Relaunch & Brand Development
Voya ist eine B2B-Plattform für Geschäftsreisen und ermöglicht eine komfortable, digitale aber trotzdem persönliche Reisebuchung. Dafür verbindet Voya digitale Prozesse, individuelle Firmen-Lösungen und ein globales Reisebüro-Netzwerk. Seit 2020 ist Voya Teil der Volkswagen Group und seit 2022 Teil von CARIAD, der Automotive Software von VW.
Leistungsbereich:
Konzeption & Web
Development
Brand Development
UX/UI Design
Projektteam beim Kunden:
Geschäftsführung
Mitarbeitende aus dem
Vertrieb
Herausforderungen
Eine der Herausforderungen bei dem Website-Relaunch für Voya war die Berücksichtigung verschiedener Zielgruppen, von Endkunden über Reseller wie Reisebüros, VW Partner bis hin zu potenziellen Bewerbern. Durch die Aufnahme von Voya in den VW-Konzern hat sich das Kerngeschäftsmodell insofern geändert, dass Voya neben der Softwarelösung für Geschäftsreisen auch als digitale Mobility Plattform unter CARIAD weiterentwickelt wird. Dementsprechend sollte die neue Webseite auch VW Stakeholder und Mobilitätsunternehmen ansprechen, die an der Voya Technologie interessiert sein könnten.
Hauptziel neben der Neupositionierung des Unternehmens sollte die Leadsteigerung auf der Webseite sein. Dazu sollte es verschiedene Möglichkeiten geben, mit Voya in Kontakt zu treten, um im nächsten Schritt ein Beratungsgespräch mit einem Mitarbeiter zu ermöglichen. Eine weitere Herausforderung: Das Hauptprodukt von Voya, die komplexe, individualisierbare Mobility Plattform Technologie, mit der Buchung, Organisation und Abrechnung von Dienstreisen kombiniert werden, ist erklärungsbedürftig und nicht für jeden Kunden sofort verständlich. Um die potenziellen Kunden vom Produkt zu überzeugen und zur Kontaktaufnahme zu bewegen, sollten die USPs von Voya klar herausgestellt und die Plattform auf wenigen Unterseiten anschaulich und einfach erklärt werden — mit jeweiligem Fokus auf eine bestimmte Zielgruppe.
Evolution und Revolution
Ausgehend von einigen wenigen bestehenden Design-Elementen wie dem Logo, war unsere Aufgabe die Marke Voya komplett neu zu denken und ein passendes Corporate Design in enger Abstimmung zur Corporate Identity zu entwickeln. Da sich das Unternehmen durch die Neuausrichtung am Markt stark weiterentwickelt hat — vom Geschäftsreise-Startup zum Software-Innovationsmotor für VW — musste zunächst die CI neu erfasst werden. Was ist das neue Selbstverständnis von Voya? Wie soll sich dieses im Erscheinungsbild widerspiegeln? Um diese Fragen zu beantworten, haben wir uns in enger Zusammenarbeit mit dem Team von Voya mit der Marke und der Zielgruppe von Voya auseinandergesetzt, um ein klares Verständnis für die Erwartungen und Anforderungen zu gewinnen. Die CI von Voya sollte als Leitfaden für die Gestaltung aller zukünftigen Kommunikationsmittel des Unternehmens dienen, um sicher zu stellen, dass die Marke konsistent und einheitlich wahrgenommen wird.
User Experience und Design
Um die User Experience auf der neuen Webseite von Voya zu optimieren und eine neue Struktur für die Inhalte zu entwickeln, haben wir zunächst in mehreren Workshops mit Mitarbeiter*innen von Voya Website-Ziele und Zielgruppenprofile entwickelt. Diese Vorbereitung für die Konzeption ist besonders wichtig, um die bestmögliche Ausrichtung und Strategie für die Webseite zu erreichen. Aufbauend auf den Workshop-Ergebnissen wurden Prototypen und letztlich das Screendesign für die neue Webseite entwickelt. Dabei im Fokus: Die klare Ansprache der verschiedenen Zielgruppen: Unternehmen und ihre Travel Manager, Reisende und damit die Endnutzer*innen, Reisebüros und damit Voya’s Kooperationspartner*innen.
Das Design sollte modern, klar und trotzdem einzigartig sein, um Voya auch bei der Positionierung am Markt zu unterstützen. Voya als junges Technologie-Unternehmen und Teil des VW-Konzerns steht dabei für Innovation aber gleichzeitig auch für Fortschritt und Wachstum. Das neue Corporate Design für Voya ist damit mehr als nur eine Reihe von ästhetischen Entscheidungen — es ist ein bewusster und strategischer Versuch, die Botschaften und Werte der Marke Zielgruppen-orientiert zu kommunizieren. Es spielt somit eine zentrale Rolle beim Aufbau der Bekanntheit von Voya und der Kundengewinnung.
Bei den Farben haben wir zum Beispiel eine Auswahl getroffen, die sowohl professionell als auch visuell ansprechend ist. Die Grundfarbe ist ein tiefes Blau, das Voya’s Fokus auf Intelligenz und Stabilität widerspiegelt. Ergänzt wird dies durch hellere Blau- und Grautöne, die für Tiefe und Kontrast auf der Seite sorgen.
Um den verschiedenen Zielgruppen gerecht zu werden, wurde schon bei der Navigation der Hauptmenüpunkt „Für wen?“ platziert, über den man zu den verschiedenen Unterseiten je Zielgruppe gelangt. Auch auf dem Header der Startseite kann der User bereits zwischen „Für Unternehmen“ und „Für Reisebüros“ wählen — je nachdem welche Informationen er oder sie benötigt.
Für Unternehmenskunden sollte die Webseite beispielsweise Informationen für die Reisenden selbst, Travel Manager, HR & Finance sowie Mobilitätsunternehmen bereithalten. Travel Manager sollen von der Flexibilität und dem Komfort der Plattform erfahren, damit sie Reisen schnell und einfach planen und organisieren können. HR-Manager bekommen übersichtliche Informationen zu den Vorteilen der Plattform für das Mitarbeitermanagement und die Arbeitsplatzflexibilität. Mobilitätsunternehmen bzw. potenzielle Kooperationspartner werden von der Sicherheit und der Skalierbarkeit der Plattform angesprochen, da sie auf bewährte Technologien setzen und die Plattform problemlos an die Bedürfnisse ihres Unternehmens anpassen können.
Auch potenzielle, neue Mitarbeiter sollen durch die Kommunikation von Vision, Mission und Unternehmenskultur, sowie durch die Darstellung von Mitarbeiterstimmen und offenen Stellen überzeugt werden, dass Voya ein attraktiver Arbeitgeber ist, der ihnen einen spannenden Arbeitsplatz bietet.
Auf der neuen Webseite von Voya werden die USPs des Unternehmens im Bereich der intelligenten Planung und Automatisierung von Geschäftsreisen übersichtlich dargestellt. Voya’s Lösungen ermöglichen es, alle notwendigen Daten zentral zu verwalten, Zeit und Kosten zu sparen und Mitarbeiterpräferenzen bei der Planung zu berücksichtigen. Ein weiterer USP ist der Service, den Voya bietet, um Unternehmen bei der Implementierung und Nutzung der Plattform zu unterstützen und somit eine reibungslose Integration zu gewährleisten.
Visuals
Die Visuals für die Webseite wurden sorgfältig ausgewählt, um die Botschaften der Marke zu unterstützen und ihre Geschichte zu erzählen. Screenshots der Plattform, Animationen, Icons und Illustrationen wurden auf der gesamten Webseite verwendet, um komplexe Ideen zu kommunizieren und visuelles Interesse zu wecken, während professionelle Fotos verwendet wurden, um die Mobility Plattform sympathisch und zugänglich erscheinen zu lassen.
Typografie
Unsere Designer haben eine klare und moderne serifenlose Schriftart für den Fließtext und eine kühnere und markantere Schriftart für Überschriften und Zwischenüberschriften gewählt. Diese Kombination schafft eine klare Hierarchie auf der Seite und erleichtert es den Nutzern, die gewünschten Informationen schnell zu finden.
Für die Überschriften fiel die Entscheidung auf eine markantere Form der Schrift, die sich vom Fließtext abhebt und eine klare Hierarchie auf der Seite schafft. Bei den verschiedenen Arten von Überschriften haben wir eine Kombination aus H1‑, H2- und H3-Tags verwendet, um eine logische und intuitive Struktur für den Inhalt zu schaffen. H1 steht für die Hauptüberschrift, die der auffälligste Text auf der Seite sein und die Hauptbotschaft oder das Wertversprechen der Website klar vermitteln sollte. Für die Unterüberschriften haben wir H2 und H3 Tags verwendet, um eine klare Hierarchie zu schaffen und den Nutzern zu helfen, die gesuchten Informationen schnell zu finden. H2-Überschriften werden für die Hauptabschnitte der Seite verwendet, während H3-Überschriften für die Unterabschnitte innerhalb dieser Abschnitte verwendet werden.
Bildwelt
Um die Leistungen der Voya-Plattform zu veranschaulichen und gleichzeitig der Webseite eine menschliche Note zu verleihen, wurden Bilder zum Thema Arbeitsalltag und Dienstreisen integriert. Diese Bilder wurden sorgfältig ausgewählt und je nach Zielgruppe platziert, um ein ausgewogenes und visuell ansprechendes Design zu schaffen. Potenzielle Kunden können sich so noch besser mit dem Produkt identifizieren.
Neue Standards setzen: Navigation
Die Navigation auf auf der neuen Voya Webseite wurde unter dem Gesichtspunkt der Benutzerfreundlichkeit entwickelt. Eine intuitive und einfache Bedienung stand dabei im Vordergrund, sodass Nutzer schnell die gesuchten Informationen finden. Die Navigation ist einfach und übersichtlich gehalten, mit nur wenigen Hauptoptionen, sodass der User schnell einen Überblick erhält. Um detailliertere Optionen zu bieten arbeiten wir mit Dropdown-Menüs, damit die Nutzer schnell zu den gewünschten Informationen gelangen, ohne dass sie mit zu vielen Optionen überfordert werden. Im Hinblick auf mobile Nutzer, wurden die Navigation wie auch die gesamte Webseite responsiv gestaltet und passen sich an verschiedene Bildschirmgrößen an, so dass die Nutzer auf jedem Gerät problemlos auf der Website navigieren können.
Schaubilder im Unternehmenskontext
Da es sich bei Voya’s Mobility Plattform um ein erklärbedürftiges Produkt handelt, haben wir für die neue Webseite Schaubilder und Grafiken entwickelt, die die Funktionsweise der Mobility Plattform anschaulich und verständlich erklären. In einem Schaubild werden zum Beispiel die einzelnen Schritte bei Nutzung der Plattform in einer klaren und übersichtlichen Darstellung visualisiert. Dabei werden Icons und kurze Texte verwendet, um die verschiedenen Komponenten der Plattform zu beschreiben. Diese werden in einer logischen Reihenfolge präsentiert, um den Nutzern einen einfachen Einstieg in die Funktionsweise der Plattform zu ermöglichen. Die Schaubilder und Grafiken fügen sich visuell gut in die Webseite ein und sorgen dafür, dass lange Texte und zusätzliche Unterseiten vermieden werden können.
“Die neue Website spiegelt unser Produkt wider: smart, innovativ, intuitiv und informativ.”
Maximilian Lober — CoFounder & Managing Director