Premium-Fahrservice · 2026 · Booking
Taxi Comfort Car
Premium-Fahrservice-Site mit 24/7-Buchung für Flughafentransfers, Business-Transfers und Krankenfahrten.
Konsumenten-Buchungssite für einen privaten Luxus-Transferservice in Bruchsal & Karlsruhe. Multi-City-Flughafentransfer, GSAP-Animationen und Mobile-Sticky-Buchungsbar.
Herausforderung
Im wachsenden Premium-Fahrservice-Markt ist visuelle Differenzierung entscheidend. Der Kunde wollte nicht "noch eine Taxi-Site" sondern eine Marken-Erlebnis-Seite mit gleichzeitig friktionsarmer Buchung.
Lösung
GSAP-Slideshow im Hero, mit Choreographie auf jeden Scroll-Schritt. Eine Sticky-Buchungsbar bleibt am Mobile-Bildschirm-Rand sichtbar. Multi-City-Auswahl (FRA, STR) für Flughafenfahrten, ein QR-Manager im Admin für Fahrtbescheinigungen, ein Fleet-Manager für die Fahrzeugverwaltung.
Ergebnis
Die Site wirkt wie eine Marken-Kampagne (mit echter Konversionsfunktion). Buchungen verlaufen über ein Modal in zwei Schritten — Trip-Daten + Kontakt — und landen unmittelbar beim Disponenten.
Funktionen
- GSAP-Slideshow im Hero
- Live-Buchungsmodal in 2 Schritten
- Multi-City Flughafentransfer (FRA, STR)
- Mobile-Sticky-Buchungsbar
- Admin: Bookings, Fleet-Manager, QR-Manager
- SEO-Schema-Auszeichnung + DSGVO-Cookie-Banner
- Hero-Slideshow mit GSAP-Timeline
- Impressum, Datenschutz, AGB integriert
Technische Umsetzung
Frontend
React 19 + TypeScript, Vite 8. GSAP-Timelines für Hero und Scroll-Reveal. Tailwind für das Design-System mit Gold-Akzent.
Buchungs-Flow
Zwei-Stufen-Modal mit Stride-Validierung. Geolocation-Vorschlag des Abholpunkts. POST an Mail-Endpoint, der Disponent erhält Push-Benachrichtigung.
Admin
Separates Admin-SPA mit Cookie-Auth. QR-Manager generiert Fahrtcodes; Fleet-Manager verwaltet Fahrzeuge und Verfügbarkeiten.
Stack
- React 19
- TypeScript
- Vite 8
- Tailwind
- GSAP
- QR-Code
Ähnliches Projekt geplant?