online Buchungstool - schöner, besser, reifer

Vor der Überarbeitung sah besonders der Kalenderdatums-Picker etwas betagt aus:

Das Buchungstool hat im April 2009 das erste Mal das Licht der Welt erblickt und seither Anfragen und Buchungen entgegengenommen. Preise und Verfügbarkeiten gibt es seither rund um die Uhr. Bis September 2012 gab es 85.000 Verfügbarkeitsabfragen.

Wenn nur 25% davon Anrufe oder E-Mails gewesen wären. So hat das Buchungstool eine Menge an Anfragen automatisch beantwortet und provisionsfreie online Buchungen generiert.

Nun wurde aufgrund von einigen Projekten für neue Kunden das Tool auf den neuesten Stand der Technik gebracht. Den Design-Zielen, die dem Buchungstool zugrunde liegen, blieben wir treu. Wir haben es reifen lassen und verbessert, die Kanten etwas geschliffen und poliert.

Die Design Ziele

• Einfach - Gäste schätzen das
• Weniger ist Mehr - nicht verfügbare Produkte werden nicht angezeigt
• Schnell - keine lähmenden Wartezeiten für Ihre Gäste. Prompte Antworten statt drehende Rädchen
• Integriert - Ihr Gäste verlassen Ihre Website nicht, um woanders zu buchen
• Intelligent - Sie können Google Analytics integrieren, einen Sales Funnel aufsetzen, und daraus lernen.

Breiter horizontaler Einstieg

Bei vielen Hotel-Websites ist der Einstieg in den Buchungsdialog ein horizontaler Balken ober- oder unterhalb eines Bereichs mit großen Bildern. Der beschränkte Platz „above the Fold“ kann somit effektiv für visuell starke und emotionalisierende Bilder genutzt werden. Wichtig ist es dennoch dem Gast eindeutig zu signalisieren, dass auf Ihrer Website eine online Buchung möglich ist.

Icons

Bilder sagen mehr als tausend Worte: Beim Versuch die Feld-Beschreibungen wegzulassen, machten wir uns auf die Suche nach Icons die, die Felder der Einstiegsmaske gut beschreiben. Diese haben wir in das jeweilige Eingabefeld platziert - ideal und platzsparend. Diese Reduktion ist auch wichtig für die spätere noch kommende mobile Version des online Buchungstools.

Die Felder mit Icons werden nun mit den Übersetzten Beschreibungen per Tooltip hinterlegt.

Freundliche Felder

Man merkt sofort, dass die Formular Felder sich richtig freuen wenn der Gast seine Daten eingibt - Sie leben auf und erstrahlen, wenn man Sie berührt. In Ihren CI Farben. Diese lasen sich über den Designer Zugang anpassen

Technologie

Der jQuery Datumspicker - wurde so wie im Backend der App - sukzessive ausgetauscht. Jetzt gibt es den hübscheren Datums-Picker - der schon im igumbi Backend bei allen Datumsfeldern zum Einsatz kommt.

Kompakt, schnell.

Bei der Überarbeitung haben wir andere Buchungstools mit ähnlicher Technologie analysiert:

Die Files für das igumbi Online Buchungstool sind um die Hälfte kleiner als verglichenen Tools.

Dadurch lädt das Tool schneller und Ihre Gäste bekommen flott an die gesuchte Information.

Die Logik zum Synchronsieren der Datumsfelder für die Anreise und die Abreise wurde auch aufgebohrt: So wird z.B. Minimum Datum für das Abreise-Datum nur nach dem Anreise-Datum erlaubt. Das Fenster für die Selektion des Abreise-Datums öffnet sich automatisch nach der Selektion des Anreise-Datums.

Manchmal sind es die kleinen Dinge in der Usability die den Unterschied machen.

Es werden nun mehrere Sprachen unterstützt: Deutsch, Englisch, Italienisch, Slowenisch, Griechisch

Das Währungssymbol für die Preise des Hotel lässt sich nun auch im Backend ändern.

Verfügbar sofort - einfach zum Einrichten

Die Funktionen sind nun für Ihren Webdesigner einfacher zu konfigurieren.

Das horizontale Layout ist nur ein Häkchen, dass man setzen muss, oder ein Parameter beim Skriptaufruf in Ihrer Website Vorlage. Mehr Info zum Einbau des Buchungssystems gibt es in den Support Seiten.

Um das Erleuchten der Felder und die Farben im Datums-Picker mit den CI Farben Ihres Hotels herzustellen gibt es ein vorbereitetes Stylesheet Datei, eine CSS, SCSS Datei. Die Datei File steht für Ihren Webdesigner bereit und muss nur mit Ihrem Farbcode bestückt werden. Dadurch ist es sehr einfach in Ihrem Farbton abgestufte Buttons zu generieren.