Angebot Marketing: System gestalten

Entwurfssystem

Anpassung der PROS-Produkte an Ihre Marke

*Dieser Abschnitt wird in der Regel von folgenden Personen geprüft und ausgefüllt: UX/UI und/oder Branding

Das Design System vereinheitlicht die Benutzeroberflächen (UI) und die Benutzererfahrung (UX) unserer Produkte, skaliert die Qualitätsverbesserungen, verkürzt die Design- und Entwicklungszeiten und dient als einzige Quelle der Wahrheit für die besten Designverfahren.

Es ist einfach, die Design System Tokens mit Farbe, Typografie und Komponenten an Ihre Marke anzupassen.

Für die Entwurfsphase schlägt PROS ein Design vor, das auf Ihrer Kernseite basiert, und eine kodierungsfreie Implementierung, um die schnellste Produktlieferung zu erreichen. Dies sind Bildschirme, die alle verfügbaren Token zeigen, die für Ihre Marke personalisiert sind. Gemeinsam mit Ihrem Design-Team werden Sie das Design überprüfen und genehmigen.

Wenn Sie in den nächsten 4-5 Monaten eine Neugestaltung vornehmen und Gestaltungsrichtlinien einreichen möchten, füllen Sie bitte unsere Gestaltungsumfrage aus.

Farbmünzen

Nachfolgend finden Sie ein Beispiel für eine Reihe von Farbmustern und ein praktisches Beispiel dafür, wie sie in einem Flugsuchpanel airModule zusammenkommen. Versuchen Sie herauszufinden, wo die einzelnen Farbmarkierungen verwendet werden sollen.

- Hauptfarben markieren wichtige Informationen und verwandeln sich in Hover-Farben, wenn der Mauszeiger sie berührt.

- Kontext Farben Informationen mit dem Nutzer zu teilen.

- Utility-Farben den Hintergrund, die Ränder und den Text bilden.

Typografie/Schriftarten

Stile und Variationen

Sie werden auswählen:

Schriftstile 1-7
- Dazu gehören Details wie der Seitentitel, der airModule-Titel, der Tarifkartentitel und mehr.

Varianten Farbe
- Dazu gehören Details wie der Seitentitel, der airModule-Titel, der Tarifkartentitel und mehr.

Link Dekoration
- Einschließlich Bilder und Beschreibungen

Komponenten

Die Komponenten bestehen aus:

1. Knöpfe: Schaltflächen werden entlang des Flugbuchungsprozesses verwendet und geben dem Endnutzer die Möglichkeit, zusätzliche Ergebnisse zu sehen oder den Nutzer durch buchungsfremde Prozesse zu führen.

2. Formulare: Endbenutzer geben Optionen ein oder wählen sie aus Formularen aus. Dazu gehören Texteingaben, bei denen der Endbenutzer seine Auswahl eintippen oder eine Option aus mehreren Auswahlmöglichkeiten auswählen kann.

Buttons

Das Entwurfssystem umfasst drei Arten von Schaltflächen: Primär, Sekundär und Tertiär.

Primäre Schaltflächen
Sekundäre Schaltflächen
Tertiär-Knöpfe

Primäre Schaltflächen

Für Makro-Umwandlungen, wie die Flugsuche. Primäre Schaltflächen werden während des Flugbuchungsprozesses verwendet.

Beispiel:

Sekundäre Schaltflächen

Für Micro-Conversions, wie das Laden weiterer Ergebnisse. Sekundäre Schaltflächen finden sich in airModules mit Scroll-Funktionalität oder wenn Nutzer die Möglichkeit haben, zusätzliche Ergebnisse zu sehen.

Beispiel:

Tertiär-Knöpfe

Für die Navigation zu nicht markengebundenen Formularen. Tertiäre Schaltflächen werden verwendet, um den Benutzer durch nicht buchungsrelevante Prozesse zu führen.

Beispiel:

Formulare

Formulare gibt es in einer Vielzahl von Designs und Funktionalitäten.

Textfelder

Dieses Formular wird verwendet, um freie Benutzereingaben in Filtern zu erfassen. Es ermöglicht den Benutzern die manuelle Eingabe von Informationen.

Beispiel:

Text-Eingaben

Dieses Formular wird in Filtern verwendet, um Benutzer aufzufordern, eine Texteingabe aus einem Menü von Optionen auszuwählen. Zum Beispiel die Anzahl der Passagiere, die Tarifklasse oder Abflug- und Ankunftsflughafen.

Beispiel:

Auto-Vervollständigen 1

Dieses Formular dient der Erfassung von Texteingaben aus einem Menü von Optionen. Zum Beispiel den Namen oder den Code des Abflughafens.

Beispiel:

Auto-Vervollständigen 2

Dieses Formular erscheint in Dropdown-Menüs. Zum Beispiel die Dropdown-Menüs in einigen airModule-Filtern.

Beispiel:

Radio-Schaltflächen

Dieses Formular wird verwendet, um bestimmte Optionen zu aktivieren oder zu deaktivieren, z. B. die Optionen Hin- und Rückfahrt oder Einweg bei einem airModule-Filter.

Beispiel:

Spin-Tasten

Dieses Formular dient zur Auswahl einer Zahleneingabe, z. B. der Anzahl der Fahrgäste.

Beispiel:

Datum Auswahl

Dieses Kalenderformular dient zur Auswahl des Abfahrts- und Rückreisedatums.

Dropdown-Menü

Wird in Navigationselementen, Dropdown-Menüs, Auswahlmenüs und Menüs zur automatischen Vervollständigung verwendet, um aus einer Liste von Optionen auszuwählen.

Registerkarte Reel

Mit diesem Formular können Sie weitere Informationen zu jeder Option abrufen. Es kann in airModules gefunden werden, um zu jedem Monat zu navigieren.

Beispiel:

Tabelle

Die Tabelle wird verwendet, um eine Liste von Optionen zusammen mit allen Merkmalen, die mit jeder Option verbunden sind, wie Daten, Reiseklasse und Preis, anzuzeigen. Das Table airModule ist eines der beliebtesten airModule.

Beispiel:

Akkordeon

Das Akkordeonformular wird verwendet, um große Mengen von Optionen in komprimierter Form zu teilen. Mit dem Akkordeon für Flugziele können Fluggesellschaften Links zu jedem Ziel in ihrem Streckennetz, geordnet nach Land oder Region, freigeben.

Beispiel: