Website mit Direktbuchung für eine Ferienwohnung: Quiet Oasis in Naples, Florida
Website / Ferienvermietung, Naples, Florida, USA
- Kunde
- Quiet Oasis Naples
- Branche
- Ferienvermietung, Naples, Florida, USA
- Leistungen
- Konzept und Seitenstruktur
- Webdesign
- Texte auf Englisch
- Entwicklung in Next.js
- Eigenes Buchungssystem, von Grund auf entwickelt
- Buchungsanfrage mit Freigabe durch die Gastgeberin
- Dashboard für die Gastgeberin zum Anlegen von Buchungen und Zahlungslinks
- Zahlung über Stripe mit Webhook zur Bestätigung
- Rechtstexte auf Deutsch und Englisch
- Technik
- Next.js 14 (Static Export)
- TypeScript
- Tailwind CSS 3
- Framer Motion
- Lenis
- PHP
- Stripe Checkout
- Stripe Webhooks
- Hostinger
01 / Auf einen Blick
- Ausgangslage
Eine Ferienwohnung auf Airbnb, die Gäste zusätzlich direkt gewinnen will, ohne Servicegebühren und mit eigenem Kontakt.
- Lösung
Eine englischsprachige Website mit Fotos aller Räume, Ausflugszielen samt Fahrzeit, eigenem Buchungssystem, Dashboard und Bezahlung über Stripe.
- Ergebnis
Gäste fragen direkt bei der Gastgeberin an und zahlen auf einer eigenen Zahlungsseite. Die Buchung ist bestätigt, sobald Stripe die Zahlung meldet.
02 / Ausgangslage
Wo das Projekt stand.
Wer eine Ferienwohnung nur über Plattformen vermietet, zahlt Gebühren und überlässt den Kontakt zum Gast der Plattform. Gäste zahlen ebenfalls drauf. Eine eigene Website lohnt sich aber nur, wenn sie genauso vertrauenswürdig wirkt und die Bezahlung genauso sicher ist.
Quiet Oasis liegt in Southeast Naples, mit Seeblick und Poolzugang in der Anlage. Aufgabe war eine Website auf Englisch, die Wohnung und Umgebung ehrlich zeigt. Für Direktbuchungen haben wir ein eigenes Buchungssystem mit Dashboard gebaut, statt ein teures System von der Stange einzuführen.
03 / Die Lösung
Was wir gebaut haben, und warum.
Ein Einstieg wie ein gutes Inserat
Oben steht „Your Quiet Oasis in Naples“, daneben ein Foto des hellen Wohnzimmers mit Blick auf den See. Darunter die wichtigsten Eckdaten als kleine Etiketten: zwei Schlafzimmer, vier Gäste, Seeblick, Pool. Dazu der Hinweis, dass bei Direktbuchung keine Airbnb-Gebühren anfallen.
Asymmetrischer Hero mit Text links und Bild rechts, Buttons „Check Availability“ und „View Details“. Die Vertrauenszeile nennt Direktanfrage, keine Plattformgebühr, persönliche Gastgeberin und Bewertung. Danach folgen vier Kennzahlen-Karten und eine Ausstattungsliste als Raster. Ein dunkles Banner wiederholt das Angebot der Direktbuchung mit eigenem Button.
- Eckdaten als Etiketten im ersten Bildschirm
- Vorteil der Direktbuchung früh sichtbar
- Ausstattung als ruhige Liste
Jeder Raum zum Durchklicken
Ein dunkler Abschnitt zeigt alle Räume. Links wählt man Master Bedroom, Guest Bedroom, Wohnen und Küche, Pool oder Bäder. Rechts erscheinen ein großes Foto und kleine Vorschaubilder. Insgesamt sind es 31 Fotos.
Galerie mit Tab-Navigation statt endlosem Bildraster. Jeder Raum trägt kurze Merkmale wie King Bed oder Lake View als Etiketten. So bleibt die Seite kurz, und Gäste finden trotzdem jedes Detail, das sie vor einer Buchung prüfen wollen.
- Fünf Bereiche statt eines langen Rasters
- Merkmale direkt am Bild
- Alle Fotos mit einem Klick erreichbar
Die Umgebung mit Fahrzeit
Unter „Paradise is Right Outside Your Door“ stehen Strände, Restaurants, Natur und Wassersport. Jeder Ort hat eine Zeile Beschreibung und die Fahrzeit in Minuten. Wer plant, sieht sofort, wie nah der Strand ist.
Vier Blöcke mit wechselnder Bildposition: Beaches, Dining & Shopping, Nature & Wildlife als Vollbild mit Overlay, Water Activities als Kartenreihe. Fahrzeiten stehen als kleine Etiketten rechts. Weiter unten fasst die Lage-Sektion die wichtigsten Entfernungen vom Stadtzentrum bis zum Flughafen zusammen. Die genaue Adresse erhalten Gäste erst nach der Buchung.
- Fahrzeit an jedem Ausflugsziel
- Vier Themen mit eigener Bildsprache
- Adresse erst nach Bestätigung
Anfrage, Freigabe, Zahlung über Stripe
Gäste schicken eine Anfrage mit Daten, Personenzahl und Nachricht. Die Gastgeberin prüft sie persönlich und legt die Buchung in ihrem eigenen Dashboard an. Der Gast bekommt per E-Mail einen Link zu einer Zahlungsseite im Design der Website. Dort zahlt er per Karte, Apple Pay oder Google Pay.
Das Anfrageformular sendet an einen PHP-Endpunkt. Im passwortgeschützten Dashboard erzeugt die Gastgeberin eine Stripe Checkout Session, wahlweise mit Anzahlung, samt Buchungsreferenz. Die Zahlungsseite zeigt Daten und Betrag und leitet zu Stripe weiter. Ein Webhook prüft die Stripe-Signatur und bestätigt die Buchung nach checkout.session.completed. Kartendaten berühren nie den eigenen Server.
- Kein Instant Booking, jede Anfrage wird geprüft
- Anzahlung oder Gesamtbetrag wählbar
- Bestätigung automatisch nach Zahlungseingang
04 / Das Ergebnis
Was am Ende steht.
Quiet Oasis hat neben Airbnb einen eigenen Buchungsweg. Gäste sehen Wohnung, Umgebung und Ablauf auf einer Seite, fragen direkt an und zahlen sicher über Stripe. Die Gastgeberin behält den Kontakt zu ihren Gästen und entscheidet selbst über jede Buchung. Konkrete Buchungszahlen veröffentlichen wir nur mit Freigabe der Kundin.
- Direktbuchung ohne Plattformgebühr für den Gast
- Eigene Zahlungsseite mit Stripe Checkout
- Eigenes Dashboard für Buchungen und Zahlungslinks
- Statische Website, schnell und ohne Datenbank
05 / Kurz erklärt
- Direktbuchung
- Gäste buchen bei Ihnen statt über eine Plattform wie Airbnb. Dadurch entfallen deren Gebühren.
- Stripe Checkout
- Eine sichere Bezahlseite des Zahlungsanbieters Stripe für Karte, Apple Pay und Google Pay.
- Webhook
- Eine automatische Nachricht von Stripe an die Website, sobald eine Zahlung eingegangen ist.
- Dashboard
- Ein geschützter Bereich, in dem die Gastgeberin Buchungen anlegt und Zahlungslinks erzeugt.
- Static Export
- Die Website wird vorab als fertige Dateien erzeugt und braucht keine Datenbank. Das macht sie schnell und robust.
Fragen, die dazu oft kommen.
Lohnt sich eine eigene Website für eine Ferienwohnung neben Airbnb?
Ja, vor allem für Stammgäste und Empfehlungen. Gäste sparen die Servicegebühr, und Sie behalten den direkten Kontakt. Airbnb kann parallel weiterlaufen.
Wie sicher ist die Bezahlung über eine eigene Website?
Bei Quiet Oasis läuft die Zahlung komplett über Stripe. Kartendaten erreichen den eigenen Server nie, und eine Signaturprüfung schützt die Bestätigung.
Brauche ich ein Buchungssystem von der Stange?
Nicht unbedingt. Für Quiet Oasis haben wir ein eigenes, schlankes Buchungssystem gebaut: Anfrage, Freigabe im Dashboard, Zahlungslink. Für wenige Einheiten ist das oft einfacher und günstiger.
Was kostet eine Website mit Direktbuchung für eine Ferienwohnung?
Das hängt vom Umfang ab, etwa von Sprachen, Zahlungsablauf und Funktionen im Dashboard. Nach dem Erstgespräch erhalten Sie ein konkretes Angebot.
Ähnliche Projekte
Ein Gespräch. Danach wissen Sie, was Ihnen Kunden bringt.
20 bis 30 Minuten, kostenlos. Das Angebot liegt einen Werktag danach vor.
Kostenloses Erstgespräch oder direkt anrufen: +49 172 6067457