- Referenzen
- hubs.travel
hubs.travel: Automatisierte Workation-Buchungen mit Webflow & Zapier
hubs.travel bietet kuratierte Workation-Reisen für digitale Nomaden an. Der Kunde nutzte zuvor eine einfache WordPress-Seite ohne Buchungsfunktion und benötigte eine skalierbare Lösung, um Destinationen, Reisen und automatisierte Buchungen zu verwalten und gleichzeitig ein erstklassiges Nutzererlebnis zu bieten.
Wir entwarfen ein komplett neues, modernes Design in Figma und entwickelten eine dynamische Webflow-Website. Wir bauten ein individuelles Buchungssystem mit Webflow-Formularen, Zapier-Automatisierung und Stripe für Zahlungen. Wir implementierten komplexe Logik für Buchungsverwaltung, Verträge und Rechnungen sowie einen Genehmigungsworkflow für Gastgeber.
Die neue Plattform hat den Buchungsprozess vollständig automatisiert und dem Kunden viel manuelle Arbeit erspart. Nutzer können nun nahtlos Destinationen durchsuchen, Reisen buchen und erhalten automatisch Verträge und Rechnungen. Das moderne Design und flüssige Animationen haben die Glaubwürdigkeit der Marke verbessert.
Die Herausforderung
Die Balance zwischen komplexer Preislogik für verschiedene Zimmer und Daten bei gleichzeitiger einfacher Verwaltbarkeit für den Kunden war entscheidend.
Die Lösung
Externalisiertes JavaScript
Wir haben komplexe Logik aus Webflow in externe Skripte ausgelagert, was eine bessere Versionskontrolle und Leistungsoptimierung ermöglichte.
Zapier State Machine
Wir bauten einen ausgefeilten Zapier-Workflow, der Buchungsanfragen, Genehmigungen, Vertragsgenerierung und Stripe-Rechnungsstellung in einer zuverlässigen Sequenz steuert.
Webflow Device Configs
Wir nutzten Webflows Tools für Responsivität, um das Layout für jede Bildschirmgröße fein abzustimmen.
Integration von Social Proof
Wir integrierten Bewertungsanbieter und entwarfen prominente Testimonial-Bereiche mit Swiper.js, um Vertrauen aufzubauen.
Dynamisches Content Management
Wir richteten Webflow CMS-Sammlungen ein, damit der Kunde einfach neue Destinationen und Reisen hinzufügen kann.
Technische Details
Webflow
CMS und visuelle Entwicklung
Zapier
Workflow-Automatisierung
Stripe
Zahlungsabwicklung
JavaScript
Individuelle Frontend-Logik
Figma
UI/UX Design
Swiper.js
Touch-freundliche Slider