Alle Case Studies
Case №04 · Automatisierung · Ferienhaus

Vom Smoobu-Widget zum echten Buchungs-Flow.

Villa Gloria al Padre · Ferienhaus in Kaštelir, Istrien, Kroatien

Das alte Smoobu-Widget war hübsch, aber funktional eine Sackgasse: Gäste konnten Verfügbarkeit sehen, aber nicht anfragen — Datumseingabe passierte in einem separaten Formular ohne Prüfung. Der komplette Buchungs-Flow wurde ersetzt durch einen Custom-Kalender mit und Property-Toggle.

villa-gloria-istrien.de

Buchungs-Flow

0 → 1

OTA-Widget → Custom-Kalender

Property-Varianten

2

Gesamtes Haus · Poolwohnung

SEO-Score nach Relaunch

88/100

vorher 74/100

Ausgangslage

Ein Widget, das aussah wie Buchung — aber keine war.

Villa Gloria ist ein mediterranes Ferienhaus in Istrien, verwaltet über . Auf der Website war das Smoobu-Widget eingebaut — es zeigte Verfügbarkeiten an, aber Gäste mussten dann in einem separaten Formular die Daten nochmal manuell eingeben. Doppelte Arbeit, null Verfügbarkeits-Prüfung.

Dazu kam: das Objekt hat zwei Varianten. „Gesamtes Haus“ oder nur „Poolwohnung“. Die alte Lösung behandelte beides gleich — Gäste buchten das falsche, Anfragen liefen ins Leere.

Ziel: ein Buchungs-Flow, der die Smoobu-Daten ernst nimmt, Property-Varianten sauber unterscheidet und in DE und EN funktioniert. Und zwar ohne Smoobu-Widget — weil das ohnehin hässlich und nicht mobile-freundlich war.

Produkt · So läuft eine Anfrage

Vier Schritte, ein verlässlicher Flow.

01

Verfügbarkeit aus iCal

Die App fragt Smoobus iCal-Feeds stündlich ab. Belegte Tage werden im Kalender automatisch deaktiviert — echte Daten, keine Mock-Kacheln.

02

Property-Toggle

Gast wählt „Gesamtes Haus“ oder „Poolwohnung“ — der Kalender zeigt dynamisch die passenden Verfügbarkeiten je Objekt.

03

Range-Auswahl mit 3-Nächte-Regel

react-day-picker in Range-Modus. Unter 3 Nächten lässt sich gar nicht erst auswählen — Gäste sehen direkt, was möglich ist.

04

Email-Flow zum Verwalter

Anfrage landet bei Micha (Urlaubsbleibe). Betreff + Tabelle enthalten Property-Name, Zeitraum, Kontakt. Bestätigung geht automatisch an den Gast.

Sichtbarkeit · DE + EN + Ads

Der Buchungs-Flow ist nur halb Wert, wenn niemand zur Seite kommt.

DE + EN

next-intl mit vollständiger Übersetzung — für deutsche und internationale Gäste in Istrien.

SEO-Score 88/100

Nach dem Audit: Schema.org FeWo + Hotel, Core Web Vitals grün, korrekte Canonicals, OG-Bilder je Sprache.

Google Ads seit 01.04.2026

Search-Kampagne mit 20 €/Tag Budget, 4 Ad Groups, Bidding „Klicks maximieren“. Gezielt auf Istrien-Suchen.

Was konkret gebaut wurde

Der Stack im Detail.

Next.js 14 App Router mit i18n (DE + EN via next-intl)
iCal-Parser-Library für Smoobu-Feed-Synchronisation
API-Route /api/availability mit 1 h Caching
react-day-picker mit Range-Selection + disabled Dates
Property-Toggle (Gesamtes Haus vs. Poolwohnung)
Min. 3 Nächte-Enforcement im Client + Server
Booking-Form mit Token-basierter Validierung
Resend-Email an Verwalter + Gast-Bestätigung
Terracotta/Sand-Design mit SEO-optimierten Bildern
Google Ads Search-Kampagne seit 01. April 2026 (20 €/Tag)
GA4 + Google Ads Conversion-Tracking

Ferienwohnung mit Provisions-Problem?

Wenn Ihr Channel-Manager nur OTA-Provisionen verbrennt — schauen wir gemeinsam, ob ein Custom-Buchungs-Flow sich für Sie rechnet.