Die Aufgabe
Atlantis Charters bietet von Port de Pollença aus Ausflüge mit Skipper auf einem Llaüt an, dem traditionellen mallorquinischen Holzboot, mit Ausfahrten am Vormittag, über einen halben Tag, über den ganzen Tag, am Nachmittag und zum Sonnenuntergang. Auf der Website sollte ein Besucher sehen können, welche Ausfahrten noch frei sind, eine davon wählen und sie mit einer Anzahlung sichern, ohne die Website zu verlassen und die Buchung per Nachricht abzustimmen.
Unser Angebot für Webdesign und Webentwicklung ansehen
Live-Website besuchenWas die Website lösen musste
- Es gibt ein einziges Boot. Jede Ausfahrt kann also nur einmal verkauft werden, und zwei Besucher dürfen nie dieselbe buchen können.
- Ein Besucher sollte sehen, welche Tage und Uhrzeiten noch frei sind, bevor er sich entscheidet, nicht erst nach einer Anfrage.
- Eine Buchung sollte mit einem im Voraus gezahlten Teil des Preises gesichert werden, der Rest wird am Tag der Ausfahrt an Bord bezahlt.
- Die Gäste kommen aus mehreren Ländern, daher sollte die Website auf Spanisch, Englisch, Deutsch und Französisch funktionieren.
Die Umsetzung
Die Projektphasen in ihrer Reihenfolge.
Angebote und Preise
Jeder Ausflug wurde als Angebot mit Dauer, Abfahrtszeit, Gesamtpreis und Anzahlung dargestellt, damit ein Besucher eine Fahrt zum Sonnenuntergang mit einem ganzen Tag vergleichen kann, bevor er den Kalender öffnet.
Verfügbarkeitskalender
Ein Monatskalender kennzeichnet jeden Tag als frei, teilweise belegt oder ausgebucht. Wer einen Tag wählt, sieht die Ausfahrten, die dort noch frei sind, und vergangene Tage lassen sich nicht auswählen.
Buchung und Anzahlung
Der Besucher gibt Name, E-Mail, Telefonnummer und die Zahl der Passagiere an und zahlt dann 30% des Preises auf der Zahlungsseite von Stripe. In diesem Moment wird die Verfügbarkeit erneut geprüft, sodass eine inzwischen vergebene Ausfahrt abgelehnt und nicht doppelt verkauft wird.
Vier Sprachen
Spanisch, Englisch, Deutsch und Französisch in den Angeboten, im Kalender und im Buchungsformular, mit der Sprachwahl im Menü auf jeder Seite.
Kontakt und Abfahrtsort
WhatsApp und E-Mail für Fragen, die keine Buchung sind, und eine Karte des Abfahrtsorts in Port de Pollença.
Das Ergebnis für das Unternehmen
- Verfügbarkeitskalender nach Tag und Ausfahrt
- Online-Buchung mit im Voraus gezahlter Anzahlung
- Schutz vor zwei Buchungen für dieselbe Ausfahrt
- Angebote mit Dauer, Uhrzeiten und Preisen
- Spanisch, Englisch, Deutsch und Französisch
- Direkter Kontakt per WhatsApp und E-Mail
Seiten der Website
Wie die Website umgesetzt wurde
- React
- Angebote, Kalender und Buchungsformular laufen als eine Anwendung, sodass ein Besucher die Buchung durchläuft, ohne dass die Seite neu lädt.
- Stripe
- Die Anzahlung wird auf der Zahlungsseite von Stripe geleistet, sodass Kartendaten nie über die Website laufen.
- Verfügbarkeitsprüfung
- Der Kalender liest den Monat beim Öffnen, und die gewählte Ausfahrt wird bei der Bezahlung erneut geprüft.
- Vier Sprachen
- Spanisch, Englisch, Deutsch und Französisch laufen über dieselben Seiten und denselben Buchungsablauf.