Die Farben eures Flug-Displays einstellen
Wo die Markenfarben gesetzt werden — im Einrichtungsassistenten, pro Display oder für die ganze Organisation — und was jede Farbe auf dem Bildschirm wirklich verändert.
Die Farben eures Flug-Displays einstellen
Dieser Artikel erklärt, wo die Farben eures Flug-Displays festgelegt werden, welche davon auf dem Bildschirm tatsächlich etwas verändern und wie lange es dauert, bis eine Änderung in der Lobby ankommt. Eine Seite „Branding“ gibt es im Portal nicht; die Farben sitzen an drei verschiedenen Stellen, je nachdem, wie weit die Änderung reichen soll.
Die drei Stellen, aus denen die Farben kommen
Der Einrichtungsassistent setzt eine Primär- und eine Sekundärfarbe für das gesamte Hotelkonto. Ihr findet ihn unter /portal/setup, Schritt Farben.
Der Display-Editor bestimmt das Aussehen eines einzelnen Bildschirms. Öffnet Displays, klickt auf den gewünschten Bildschirm und geht auf den Tab Aussehen. Dort wählt ihr eine Design-Vorlage, also eine vollständige Palette statt zweier Farben, und auf Premium könnt ihr einzelne Farben dieser Palette überschreiben.
Das Organisations-Panel setzt Vorgaben für jedes Haus einer Gruppe. Es liegt unter Organisation → Branding und ist nur für Inhaber der Organisation sichtbar.
Diese drei Ebenen greifen in einer festen Reihenfolge ineinander. Die Vorlage eines Displays liefert die Grundpalette. Eure hotelweite Primär- und Sekundärfarbe ersetzen dann Primär und Sekundär der Vorlage — aber nur, wenn ihr sie wirklich geändert habt. Solange dort noch die ausgelieferten Standardwerte #1E40AF und #3B82F6 stehen, bleiben die Werte der Vorlage bestehen. Deshalb kann es so aussehen, als sei nichts passiert, wenn ihr ein Display auf eine grüne Vorlage umstellt und eure Hotel-Primärfarbe ein kräftiges Blau ist: Die Hotelfarbe gewinnt, und zwar genau so, wie es gedacht ist.
Die hotelweiten Farben setzen
Der Schritt Farben im Einrichtungsassistenten zeigt zwei Felder, Primärfarbe und Sekundärfarbe. Zu jedem gehört ein Farbfeld, das ihr anklicken könnt, um den Farbwähler eures Browsers zu öffnen, und daneben ein Textfeld mit dem Hex-Wert. Das Textfeld übernimmt die Eingabe schon beim Tippen, es gibt also nichts zu bestätigen und keinen eigenen Übernehmen-Button; die Vorschau darunter färbt sich beim Bearbeiten mit um. Weiter geht es mit Weiter beziehungsweise Fertig im Assistenten — dieser Schritt ist es, der den Wert speichert.
Das Produkt prüft an keiner Stelle, was ihr dort eintippt. Der Wert wandert ungeprüft in die Datenbank, ein Tippfehler wie ein fehlendes # oder ein fünfstelliger Code wird also klaglos gespeichert und erscheint auf dem Bildschirm schlicht nicht als Farbe. Die Vorschau ist eure Kontrolle: Ändert sie sich nicht, ist der Wert keine Farbe, die der Browser versteht.
Eine Vorlage für ein einzelnes Display wählen
Unter Displays → euer Display → Aussehen bietet der Bereich Design-Vorlage acht fertige Designs. Jedes bringt eine komplette Palette mit — Hintergrundverlauf, Text, Statusfarben, Rahmen — und nicht nur zwei Akzente. Genau deshalb kommt ihr mit einer Vorlage meist näher an ein stimmiges Bild als je mit zwei einzelnen Farben.
Vorlagen oberhalb eures Tarifs erscheinen mit einem Schloss und einem Tarif-Badge und lassen sich nicht auswählen. Das Anklicken einer Vorlage merkt die Auswahl nur vor; geschrieben wird sie mit Vorlage speichern unter dem Raster, und dieser Button bleibt ausgegraut, solange ihr nichts geändert habt.
Einzelne Farben auf Premium überschreiben
Im Premium-Tarif klappt der Bereich Farbanpassung unter dem Vorlagenraster zu einzelnen Feldern für jede Farbe der Palette auf: Hintergrund Start und Hintergrund Ende, Primärfarbe und Sekundärfarbe, Textfarbe und Gedämpfter Text, die vier Statusfarben Pünktlich Status, Verspätet Status, Storniert Status und Boarding Status sowie die Strukturfarben Rahmenfarbe, Header-Hintergrund, Footer-Hintergrund und Zeilen-Hover.
Weil der Hintergrund als Verlauf von Hintergrund Start nach Hintergrund Ende gezeichnet wird, bekommt ihr eine einfarbige Fläche, indem ihr beide auf denselben Wert setzt. Wenn das Ergebnis aus dem Ruder läuft, räumt Auf Vorlage zurücksetzen sämtliche Überschreibungen weg und stellt die unangetastete Vorlage wieder her. In Tarifen unterhalb von Premium zeigt der Bereich statt der Felder einen Upgrade-Hinweis.
Was die einzelne Farbe wirklich verändert
Die Primärfarbe ist die Farbe, die das Design trägt. Sie färbt den Umschalter zwischen Abflügen und Ankünften, den Header und seinen Verlauf, aktive Elemente und Buttons sowie die Akzente auf den Hotel-Info-Folien.
Die Sekundärfarbe verändert auf dem Display derzeit nichts Sichtbares. Sie wird gespeichert und als CSS-Variable an die Seite ausgeliefert, aber keine Display-Komponente liest sie aus. Hover-Effekte, Schatten oder ein zweiter Akzent entstehen dadurch also nicht. Setzt sie auf etwas Sinnvolles für später und beurteilt das Bild auf dem Schirm allein nach der Primärfarbe und der Vorlagenpalette.
Das Ergebnis prüfen, bevor ihr euch darauf verlasst
Die Live-Vorschau sitzt im Display-Editor, im Tab Vorschau & URL des Displays, das ihr gerade bearbeitet. Sie zeigt das echte Display in einem Rahmen und lässt euch zwischen Desktop-, Tablet- und Mobil-Proportionen umschalten; dazu gehören die Display-URL und ein QR-Code für die Einrichtung des Geräts selbst.
Solange ein Display inaktiv ist, ist der Tab deaktiviert. Das ist Absicht: Inaktive Displays stellen keine API-Anfragen, genau so verbrauchen sie kein Kontingent, und eine Vorschau müsste diese Regel brechen. Aktiviert also erst das Display und seht es euch dann in der Vorschau an.
Farben hängen außerdem vom Bildschirm ab, auf dem sie landen. Zwei Panels mit unterschiedlicher Kalibrierung sehen nicht gleich aus, und derselbe Bildschirm wirkt bei Tageslicht anders als abends im Lobbylicht. Fällt das endgültige Urteil deshalb am echten Gerät und nicht am Laptop.
Wie schnell eine Änderung auf dem Bildschirm ankommt
Ein laufendes Display holt seine Konfiguration alle 20 Sekunden neu. Eine gespeicherte Farbänderung erscheint also von allein innerhalb dieser Zeitspanne. Niemand muss zum Bildschirm laufen, F5 drücken oder einen Cache leeren.
Die fünf Minuten, die euch anderswo begegnen, sind ein anderes Intervall: So oft werden die Flugdaten aktualisiert, und das gilt für Premium. Basic aktualisiert die Flugdaten alle 60 Minuten, Pro alle 30. Mit der Geschwindigkeit, in der Farben durchschlagen, hat keines dieser Intervalle etwas zu tun.
Wenn eine Änderung nach einer Minute immer noch nicht da ist, lädt der Bildschirm höchstwahrscheinlich gar nicht, statt alte Farben zu zeigen.
Organisationsweites Branding und Branding-Sperre
Für eine Hotelgruppe ist Organisation → Branding der richtige Ort für die Markenfarbe. Dort liegen ein Standard-Logo sowie eine Standard-Primär- und -Sekundärfarbe für jedes Haus der Organisation, und das Panel erscheint nur den Inhabern der Organisation.
Der Schalter Branding sperren auf demselben Panel entscheidet, ob die Häuser von diesen Vorgaben abweichen dürfen. Ist die Sperre an, gewinnt die Marke der Organisation, und Farbeinstellungen einzelner Häuser oder einzelner Displays werden ignoriert — so bringt eine Kette zwölf Lobbys dazu, nach einem Unternehmen auszusehen. Ist sie aus, behält jedes Haus seine eigenen Farben, und die Werte der Organisation greifen nur als Rückfallebene.
Fehlersuche
Der Wechsel der Vorlage hat nichts bewirkt. Eure hotelweite Primär- oder Sekundärfarbe steht auf etwas anderem als dem ausgelieferten Standard und überschreibt damit Primär und Sekundär der Vorlage. Entweder ihr nehmt das hin, oder ihr setzt die Hotelfarben auf #1E40AF und #3B82F6 zurück und lasst die Vorlage für sich sprechen.
Eine Farbe ist gespeichert, aber das Display ignoriert sie. Prüft, ob in der Organisation die Branding-Sperre aktiv ist. Ist sie an, ersetzen die Farben der Organisation alles, was das Haus gesetzt hat.
Ein Farbfeld bewirkt überhaupt nichts. Handelt es sich um die Sekundärfarbe, ist das wie oben beschrieben zu erwarten. Andernfalls prüft den Wert selbst: Das Format wird nirgends validiert, ein ungültiger Hex-Code wird also anstandslos gespeichert und einfach nie gerendert.
Der Tab „Vorschau & URL“ ist ausgegraut. Das Display ist inaktiv. Aktiviert es im selben Editor, dann wird der Tab verfügbar.
Farben schalten nicht nach Zeitplan. Einen automatischen Nachtmodus gibt es nicht. Eine Lobby, die am Abend dunkler wirken soll, muss also von Hand umgestellt werden — oder den ganzen Tag mit einer dunklen Vorlage laufen.
Nächste Schritte
Support
Wenn hier etwas nicht zu dem passt, was ihr seht, schreibt an info@lobbyflight.com oder ruft an unter +43 650 753 1811. Der Support ist Montag bis Freitag von 09:00 bis 17:00 Uhr MEZ erreichbar.