Aviation by Niki

Hintergrund

Aviation by Niki organisiert Flüge, die man nicht im Reisebüro bucht: Rundflüge über Dresden und Leipzig, Sonderflüge zu besonderen Anlässen wie dem Abschied von Tegel und Reisen im eigenen Sonderflug. Dazu kommt der Charter, bei dem Gruppen oder Firmen ein ganzes Flugzeug anfragen, vom Privatjet bis zum Linienflieger.

Jeder dieser Flüge ist ein Einzelstück. Er hat eigene Termine, eigene Preise und eine feste Zahl an Plätzen, die sich auf Comfort und Economy, Fenster und Gang verteilen. Eine Website mit Kontaktformular reicht dafür nicht. Gebraucht wurde ein System, in dem das Team einen Flug anlegt und Gäste ihn direkt buchen können, mit Sitzkategorie, Extras und Rechnung.

Der Flugplan

Die Startseite zeigt, was als Nächstes abhebt. Eine Abflugtafel im Stil eines Flughafens nennt den nächsten Flug mit Datum, Uhrzeit, Ziel und Status, darunter stehen die aktuellen Angebote nach Kategorie. Ist gerade kein Flug geplant, zeigt die Tafel stattdessen den zuletzt gelandeten und verweist auf Newsletter und Charter, statt eine leere Seite zu hinterlassen.

Flüge, deren letzter Termin vorbei ist, verschwinden nicht einfach. Sie wandern in ein Archiv unter den aktuellen Angeboten, grau und mit dem Badge „Gelandet". So sieht man auch in einer Pause zwischen zwei Flügen, was hier schon stattgefunden hat.

Die Buchungsstrecke

Gebucht wird in vier Schritten: Termin und Tarif, Extras, Passagiere, Rechnungsdaten. Im ersten Schritt wählt man den Abflugtermin, danach erscheinen die Tarife für genau diesen Termin. Jede Karte zeigt, was im Preis steckt, vom Fensterplatz bis zum Lounge-Zugang. Ein Tarif lässt sich mehrfach in den Warenkorb legen, der Gesamtpreis steht unten fest mit im Bild.

Termin und Tarif

Hinter den Karten stehen Kontingente. Für jeden Termin legt das Team fest, wie viele Plätze es pro Tarif gibt. Ist ein Tarif voll, zeigt die Karte „Ausverkauft", und der Button verschwindet. Beim Absenden wird das Kontingent in der Datenbank gesperrt und erst dann gebucht, sodass zwei Gäste, die gleichzeitig auf den letzten Platz klicken, ihn nicht beide bekommen.

Extras wie das Captain's Dinner gelten pro Person. Die Karte rechnet den Aufpreis deshalb gleich auf alle Passagiere hoch, damit am Ende keine Überraschung steht. Ab dem dritten Schritt begleitet eine Übersicht die Eingabe, mit allem, was im Warenkorb liegt. Nach der Buchung erzeugt der Server Buchungsbestätigung und Rechnung als PDF und schickt beide per E-Mail.

Nicht jedes Angebot hat feste Plätze. Reisen, die individuell zusammengestellt werden, laufen als Anfrage statt als Buchung, mit Varianten wie Doppelzimmer oder Einzelzimmer zur Auswahl.

Charter anfragen

Für den Charter gibt es ein eigenes Formular. Es fragt zuerst, welche Art Flugzeug gesucht ist, Gruppencharter oder Privatjet, und danach die Flugdaten. Wer einen Rückflug braucht, schaltet ihn mit einem Schalter dazu, und die Felder dafür erscheinen darunter. Links steht, was nach dem Absenden passiert, und für alle, die lieber schreiben, die E-Mail-Adresse des Charterteams.

Das CMS

Hinter der Seite liegt ein interner Bereich, den das Team ohne Hilfe bedient. Ein Angebot entsteht dort in einem Zug: Kategorie, Abflugort, Titel, Beschreibung im Editor, Titelbild und Galerie. Darunter folgen Tarife mit Preis und Standardkontingent, die Abflugtermine mit dem aktuellen Buchungsstand und die Extras. Erst mit „Veröffentlichen" wird das Angebot sichtbar, bis dahin bleibt es ein Entwurf.

Buchungen und Charteranfragen landen in eigenen Listen. Jeder Eintrag lässt sich aufklappen und zeigt Kontaktdaten, Rechnungsadresse, gebuchte Tarife und Extras. Über einen Status von „Neu" bis „Bezahlt" oder „Bestätigt" und einen internen Kommentar behält das Team den Überblick, wer schon eine Antwort bekommen hat. Zugriff gibt es über Rollen: Das Team sieht Angebote und Buchungen, die Nutzerverwaltung bleibt der Leitung vorbehalten.

Design

Die Gestaltung nimmt das Blau aus dem Logo auf und setzt es gegen viel Weiß und große Fotos aus dem Cockpit. Die Anleihen an die Luftfahrt sind bewusst: eine Abflugtafel mit Monospace-Schrift, Icons für Start und Landung an Hin- und Rückflug, der Status „Gelandet" für vergangene Reisen. Die Buchungsstrecke selbst bleibt dagegen ruhig, mit hellen Karten und einem einzigen dunklen Button pro Schritt.

Umsetzung

Gebaut ist die Seite mit Nuxt und Tailwind CSS, serverseitig gerendert, mit einer MySQL-Datenbank dahinter. Jedes Angebot hat eine eigene URL mit fertigem HTML, die Suchmaschinen und Messenger-Vorschauen lesen können. Buchungsbestätigung, Rechnung und Zahlungsbestätigung erzeugt der Server mit Puppeteer als PDF, die Bilder liegen in einem S3-Speicher.

Ergebnis

Die Seite ist unter aviationbyniki.com live. Das Team legt Flüge und Termine selbst an, Gäste buchen ihren Platz bis zur Rechnung ohne Umweg, und Charteranfragen kommen vollständig und sortiert an. Die Bilder oben zeigen die Anwendung mit Beispieldaten.