Eine Reise. Ein Arbeitsfluss.
Flugzeiten, Hotelnächte und Mietwagen gehören zur gleichen Reise. In der Oberfläche sollte dieser Zusammenhang genauso klar sein. Cockpit ist mein Produktkonzept für eine Multi-Booking IBE, eine Internet Booking Engine, die Flug, Hotel und Mietwagen in einem gemeinsamen Agenturarbeitsplatz zusammenführt.
Die Reise als gemeinsamer Kontext
Der Ausgangspunkt ist die Arbeit des Reisebüros: eine Reise verstehen, passende Leistungen finden, Bedingungen erklären und ein Angebot zusammenstellen. Dabei bleiben Reiseziel, Zeitraum und Reisende der gemeinsame Bezug.
Ich habe Cockpit als lokalen Agenturarbeitsplatz ausgearbeitet. Das Produktmodell enthält Suche, Buchungsabläufe mit Demodaten, Angebote und Verwaltungsbereiche. Der Multi-Booking-Gedanke erweitert diesen Ausgangspunkt: Mehrere Leistungen sollen in einem Reiseentwurf zusammenfinden, während ihre Preise, Bedingungen und Bestätigungen einzeln nachvollziehbar bleiben.
Der Case zeigt eine eigenständige, vereinfachte Portfolio-Demo dieser Idee.
Was ich gestaltet habe
Den Ablauf. Übersicht, Suche, Reiseentwurf und Angebotsansicht bilden vier aufeinander bezogene Schritte. Eine weitere Leistung ergänzt den vorhandenen Entwurf. Die Auswahl bleibt beim Wechsel zwischen den Ansichten erhalten.
Die Entscheidungen. Flugtarife, Hotelraten und Mietwagenklassen haben unterschiedliche Eigenschaften. Sie brauchen eine gemeinsame Lesbarkeit und genug Raum für ihre jeweiligen Bedingungen. Der Gesamtpreis bleibt auf die einzelnen Leistungen zurückführbar; eine Servicegebühr erscheint separat.
Das Interface. Graphite hält den Arbeitsplatz ruhig. Lime markiert die nächste Aktion. Die Hierarchie folgt der Aufgabe: suchen, vergleichen, auswählen, prüfen und erklären. Auf schmalen Screens ordnen sich Navigation, Auswahl und Preisübersicht untereinander an.
Ein Klickweg macht die Idee überprüfbar
Die Beispielreise führt von Frankfurt nach Istanbul, für zwei Erwachsene vom 12. bis 16. Mai 2027. Alle Ergebnisse, Preise und Anbieter sind bewusst fiktiv.
In der Demo lassen sich Flug, Hotel und Mietwagen auswählen oder entfernen. Andere Optionen und eine geänderte Servicegebühr verändern die Gesamtsumme. Die Angebotsansicht übernimmt die aktuelle Auswahl. Damit wird sichtbar, wie das Interface die einzelnen Entscheidungen zu einer verständlichen Reise bündelt.
Vier leere Vorlagen zeigen denselben Aufbau ohne vorausgefüllte Reise. Sie eignen sich als Ausgangspunkt für andere Reisebeispiele oder weitere Produktideen. Ein Umschalter verbindet den leeren Zustand mit dem Demobeispiel.
Klickbaren Cockpit-Prototyp öffnen Mit einer leeren Reise beginnen
Vier leere Ausgangspunkte
Jede Vorlage öffnet eine eigene Ansicht ohne vorausgewählte Leistungen. Über „Beispiel“ lässt sich der Klickweg mit fiktiven Daten ausprobieren.
ArbeitsplatzLeere Vorlage öffnen
SucheLeere Vorlage öffnen
ReiseentwurfLeere Vorlage öffnen
AngebotsansichtLeere Vorlage öffnenIdentität und Bewegung
Graphite schafft Ruhe. Lime führt zur nächsten Aktion. Der Logo-Film zeigt die Entwicklung des Cockpit-Zeichens.
Was ein gemeinsamer Buchungsablauf lösen müsste
Ein gemeinsamer Reiseentwurf koordiniert mehrere Leistungen. Für eine reale Umsetzung müsste jede Leistung ihre Verfügbarkeit und ihren Preis erneut bestätigen. Wenn ein Anbieter ablehnt, müsste die Agentur erkennen, welche anderen Leistungen noch offen, reserviert oder bereits bestätigt sind.
Das ist die nächste Produktfrage: Wie bleibt eine Reise verständlich, wenn ihre Bausteine unterschiedliche Regeln, Zahlungen und Bestätigungen haben?
Stand des Projekts
Cockpit liegt als lokales Produktmodell mit Demoabläufen vor. Die hier gezeigte Multi-Booking-Demo ist ein Konzept und eine Simulation. Sie löst keine realen Buchungen aus und enthält keine behaupteten Geschäftsergebnisse oder Produktionsanbindungen.
Die Mockups sind Aufnahmen des klickbaren Prototyps. Die Reisebilder sind KI-generierte Demo- und Symbolbilder. Der Logo-Film ergänzt die visuelle Identität.
Für mich zeigt der Case die Verbindung von Produktdenken, Ablaufarchitektur und Design: Eine komplexe Reise wird zu einem Arbeitsablauf, den eine Agentur verstehen und ihren Kunden erklären kann.
Über das Cockpit-Konzept sprechen