Vom statischen Formular zum
intelligenten Erlebnis.
Wie DIRS21 durch Generative UI die Hotelbuchung revolutionieren könnte. Anstatt starrer Schritte generiert die KI dynamisch maßgeschneiderte Interfaces basierend auf der Intention des Gastes.
Das Problem: "One Size Fits None"
Aktuelle Booking Engines sind linear. Ein Business-Reisender sieht denselben Kalender und dieselben Upsell-Optionen wie eine Familie oder ein Wellness-Gast. Das führt zu Reibungsverlusten und verpassten Umsatzchancen.
- ✕ Starre Prozesse für alle Gäste
- ✕ Komplexe Pakete (Zimmer + Spa + Essen) schwer buchbar
- ✕ Hohe Abbruchraten bei spezifischen Wünschen
Die Lösung: Generative UI
Was ist Generative UI?
Eine neue Architektur für dynamische Benutzeroberflächen, die von Vercel geprägt wurde.
Generative UI bezeichnet einen Paradigmenwechsel in der Frontend-Entwicklung: Anstatt statische Seiten oder vordefinierte Komponenten-Kombinationen auszuliefern, generiert ein Large Language Model (LLM) die Benutzeroberfläche in Echtzeit – basierend auf dem Kontext des Nutzers.
"What if, instead of just generating text, the LLM could give us UI on the fly? We're basically plugging the AI directly into the rendering layer."
— Guillermo Rauch, CEO Vercel
Der Begriff wurde maßgeblich von Vercel geprägt, die 2024 mit ihrem AI SDK 3.0 die Technologie ihrer Design-Plattform v0.dev als Open Source veröffentlichten. Der aktuelle Meilenstein ist json-render (Januar 2026) – eine Bibliothek, die das Konzept weiter abstrahiert.
Das Architektur-Pattern: AI → JSON → UI
Entwicklung
Diese Seite ist inspiriert von:
Der Artikel beschreibt Vercels neuestes Open-Source-Tool und ordnet es in die breitere Bewegung hin zu AI-generierten Interfaces ein.
Die drei Säulen der Transformation
Diese Technologien ermöglichen den Shift von statischer Distribution zu kognitiver Erlebnisgestaltung.
Generative UI
Dynamische Interfaces
Anstatt fertige Seiten zu bauen, orchestriert ein LLM Komponenten in Echtzeit basierend auf dem Nutzer-Intent.
Vector Embeddings
Semantische Suche
Text und Bilder werden in Vektoren transformiert. "Romantik" und "Kerzenschein" liegen mathematisch nah beieinander.
Agentic Orchestration
Cross-System Koordination
AI Agents verbinden isolierte Systeme (PMS, Spa, POS) und führen komplexe Workflows autonom aus.
Generative Booking Engine Simulator
Erleben Sie, wie sich die Benutzeroberfläche in Echtzeit an die Bedürfnisse des Gastes anpasst. Wählen Sie eine Persona, um die Generierung zu starten.
Schritt 1: Gast-Kontext
Bitte wählen Sie oben eine Persona aus.
Schritt 2: KI Processing
Generiertes Interface erscheint hier
Das "Holistische" Buchungserlebnis
Im klassischen DIRS21-Setup bucht der Gast ein Zimmer. Spa-Termine werden separat per Telefon oder externem Tool vereinbart. Ayurveda-Diäten werden als "Notiz" hinterlegt.
Mit Generative UI: Wenn der Gast "Ayurveda Kur" in den Chat eingibt, generiert das System eine kombinierte Karte. Das Datenmodell verknüpft automatisch:
Ressource: Zimmer
Filtert automatisch auf "Ruhige Lage" oder "Suiten".
Ressource: Spa Slot
Prüft Verfügbarkeit der Therapeuten in Echtzeit & reserviert Slots.
Ressource: Küche
Passt Meal-Plan auf "Dosha-Typ" an (Ayurveda).
Datensynthese Visualisierung
Detox Weekend Package
Speziell für Sie zusammengestellt · anpassbar
Liquid Booking Engine
Die UI reorganisiert sich basierend auf dem Nutzerverhalten. Hovern Sie über die Bereiche, um zu sehen, wie das Interface reagiert.
Visual Preference Matching
Welche Stimmung spricht Sie an? Wählen Sie 1-3 Bilder – das System findet passende Aktivitäten durch Vektor-Ähnlichkeit, ganz ohne manuelle Tags.
Potential für Hoteliers
Warum sich der Wechsel zu dynamischen Interfaces lohnt.
Durchschnittlicher Warenkorbwert (Ancillary Revenue)
Vergleich: Standard Buchungsstrecke vs. KI-Generierte Pakete
Conversion Rate Optimierung
Weniger Klicks bis zum Abschluss durch Relevanz.
Statisch vs. Generativ
Der direkte Vergleich der Buchungsparadigmen.
| Merkmal | Statische Distribution | Generative Distribution |
|---|---|---|
| Benutzeroberfläche | Starre Formulare & Listen | Dynamisch generierte Komponenten |
| Suche | Keyword & Filter (Pool=Ja) | Semantisch & Vektorbasiert |
| Produkt | Vordefinierte Pakete | Echtzeit-Bundling |
| Datenstruktur | Relational (SQL) | Hybrid (SQL + Vektor) |
| Upselling | Checkbox im Checkout | Kontextueller Dialog |
| Integration | Silos (PMS / Spa getrennt) | Agentic Orchestration |
Technologie-Stack für die Vision
Diese Komponenten ermöglichen die Transformation.