Zum Inhalt springen
PROJEKTE

Hôtel des Grottes

Kunde
Hôtel Camping Restaurant des Grottes
Jahr
2026
Technologien
PHP JavaScript API JSON flatpickr Stripe Checkout
Hôtel des Grottes: Business-Lösungen von e-Medias Group
DAS PROJEKT

Eine Buchungsmaschine, eingesetzt in eine bestehende Website.

Les Grottes vereint einen Campingplatz, ein Hotel und ein Restaurant in Réclère, im Schweizer Jura. Unser Beitrag betrifft ein einziges Element, die Online-Buchungsmaschine: Der Rest der Website bestand vor uns und stammt nicht von uns.

Diese Maschine verschickt nicht einfach ein Formular. Sie kennt den realen Bestand jeder Unterkunft, weist zurück, was nicht in die Daten oder die Personenzahl passt, berechnet ihre Summe bei jeder Änderung neu und übergibt die reisende Person dann an Stripe für die Zahlung.

Die Buchungsmaschine auf dem Smartphone: die drei Schritte gestapelt und die Übersicht als eingeklappte Leiste unten.
Die Buchungsmaschine auf dem Smartphone: die drei Schritte gestapelt und die Übersicht als eingeklappte Leiste unten.
3
nummerierte Schritte, von der Datumswahl bis zur Online-Zahlung
13
gesteuerte Unterkunftstypen, sechs im Hotel und sieben auf dem Campingplatz
7
Zeilen der Übersicht, bei jeder Änderung neu berechnet
Die Auswahl der Unterkunft, gefiltert nach Daten und Reisenden: die Maschine unterscheidet das Ausgebuchte vom letzten freien Platz.
Die Auswahl der Unterkunft, gefiltert nach Daten und Reisenden: die Maschine unterscheidet das Ausgebuchte vom letzten freien Platz.
01 · DER AUFENTHALT

Daten und Personenzahl filtern den Katalog in Echtzeit.

Alles beginnt mit einem Datumsbereich und zwei Zählern, Erwachsene und Kinder unter 16 Jahren. Bei jeder Änderung fragt die Maschine die Verfügbarkeiten ab, entfernt die Unterkünfte mit unpassender Kapazität und meldet in einer Zeile, wie viele frei und wie viele ausgebucht sind. Der Hinweis auf die Ankunfts- und Abreisezeiten steht direkt unter dem Feld, dort wo die Frage aufkommt.

  • Ein Bereichskalender auf Französisch, über zwei Monate geöffnet, mit Zurücksetzen der Daten per Klick.
  • Eine Verfügbarkeitszählung, bei jeder Änderung von Daten oder Personenzahl neu geschrieben.
  • Zwei Schutzgeländer: ein Horizont, ab dem die Online-Buchung schliesst, und eine Weiterleitung an den Betrieb für Gruppen ab sieben Personen.
Der Aufenthaltskalender auf Französisch, mit dem gewählten Zeitraum und der Übersicht, die dahinter mitläuft.
Der Aufenthaltskalender auf Französisch, mit dem gewählten Zeitraum und der Übersicht, die dahinter mitläuft.
02 · DIE OPTIONEN

Das Frühstück wird Morgen für Morgen und Person für Person gebucht.

Der zweite Schritt zeigt nur die Optionen der gewählten Unterkunft: Bei den Hotelzimmern erscheint das Frühstück nicht, weil es dort bereits enthalten ist. Bei den Unterkünften des Campingplatzes erhält jede reisende Person ihre eigene Reihe anzukreuzender Morgen, Erwachsene und Kinder getrennt gezählt, und sowohl der Auswahlzähler als auch die Übersicht aktualisieren sich beim Anklicken.

  • Vier abrechenbare Optionen im Katalog, Unterkunft für Unterkunft zugeordnet.
  • Zwei Tarifmodelle für die Unterkunft, pro Nacht oder pro Aufenthalt, und zwei Einheiten für die Optionen.
  • Ein Raster der Morgen pro Person, das nur die während des Aufenthalts tatsächlich bedienten Tage anbietet.
Der Optionsschritt: eine Reihe Morgen pro reisender Person, und die Übersicht, die beim Anklicken mitzieht.
Der Optionsschritt: eine Reihe Morgen pro reisender Person, und die Übersicht, die beim Anklicken mitzieht.
03 · KONTAKTDATEN UND ZAHLUNG

Die Buchung bleibt für die Dauer der Zahlung reserviert.

Der letzte Schritt sammelt die Kontaktdaten der reisenden Person, ihr Land, ihre Sprache und ihre Zustimmung zu den allgemeinen Geschäftsbedingungen, die sich ohne Verlassen der Seite lesen lassen. Es sind zugleich die Angaben, die der Jura-Pass verlangt. Der Übergang zur Zahlung legt zuerst die Buchung an, mit ihrer Referenz und einer zeitlich begrenzten Reservierung, bevor er die reisende Person an Stripe übergibt. Auf Seiten des Betriebs begleitet eine Verwaltungsoberfläche die Maschine.

  • Sieben Länder und vier Sprachen zur Auswahl im Formular.
  • Die Geschäftsbedingungen in der Seite, mit der Stornotabelle unter dem Formular.
  • Die Zahlung an Stripe übergeben, sobald die Buchung referenziert und für die Dauer der Transaktion reserviert ist.
Der letzte Schritt vor der Zahlung: Kontaktdaten, Land, Sprache, Geschäftsbedingungen und Stornotabelle.
Der letzte Schritt vor der Zahlung: Kontaktdaten, Land, Sprache, Geschäftsbedingungen und Stornotabelle.
AUSSERDEM

Weitere Projekte entdecken.

Arbeiten wir zusammen?

Ein Projekt, eine Frage, eine Ambition, sprechen wir darüber. Antwort innert 24 Stunden, unverbindlich.