Modellprojekt · Website mit Online-Buchung
Website für ein Hotel-Day-Spa mit Online-Buchung und Gutscheinen
Solenne Hotel & Spa ist ein Modellprojekt von Primessio: eine dreisprachige Website für ein Hotel-Day-Spa, die den Spa-Tag ohne Übernachtung verkauft — vom ersten Klick bis zur Buchungsbestätigung oder zum Geschenkgutschein. Marke und Daten sind fiktiv; Technik, Design und Prozesse entsprechen genau dem, was wir für Kunden umsetzen.
Referenzprojekt von Primessio für Hotellerie und Wellness: Design, Inhalte in drei Sprachen, Online-Buchung mit Live-Preis, Gutschein-Konfigurator, Animationen und SEO/AEO — gebaut mit Astro und geprüft durch automatisierte Tests mit echten Klicks.
Primessio (ACTIVE IT) ist ein Software-House aus Warschau: Websites und Onlineshops, Individualsoftware und IT-Systeme, SEO und KI-SEO, Social Media und Content, Branding sowie Projektmanagement — für Kunden in Polen und im DACH-Raum. Unten eines unserer Projekte.
Live-Website
Funktionierende Demo unter solenne.primessio.com — Buchung, Gutscheine und alle Animationen sind interaktiv; die Daten sind fiktiv und werden nirgends gesendet. · Website in neuem Fenster öffnen ↗
Herausforderung
Ein Hotel-Spa verkauft zwei Produkte an zwei Zielgruppen: Hotelgäste (Eintritt im Zimmerpreis, Anwendungen mit Rabatt) und Tagesgäste, die einen Spa-Tag kaufen. Typische Hotel-Websites verstecken das Spa auf einer Unterseite und verweisen zur Buchung ans Telefon oder in ein externes System, in dem der Preis erst im letzten Schritt sichtbar wird.
Dazu kommen internationale Gäste (DACH, englischsprachig), saisonale Preise (Werktage und Wochenende), Gutscheine als wichtige Umsatzquelle und der Anspruch, dass die Seite stimmungsvoll und zugleich schnell ist — auch auf dem Smartphone.
Lösung
Eine Website rund um eine Entscheidung: „Wie verbringen Sie diesen Tag?“. Der Hero mit Buchungsleiste (Tag, Personen, Paket) berechnet den Preis sofort und übergibt die Auswahl an den Buchungsassistenten. Die Preisliste schaltet zwischen Werktags- und Wochenendpreisen, das Anwendungsmenü hat Filter und Vorschau, Tagesablauf und Wellnessbereiche zeigen, wofür der Gast zahlt.
Der Buchungsassistent führt in vier Schritten mit Live-Kostenübersicht: Paket, Termin (Kalender ab heute, Einlasszeiten mit freien Plätzen), Extras (Anwendungen, Lunch, privates Dampfbad) und Daten — mit Schalter „Hotelgast“, Validierung am Feld und Kalenderdatei zum Abschluss. Der Gutschein-Konfigurator zeigt die Geschenkkarte in Echtzeit.
Leistungsumfang
Design
Richtung „Quiet Luxury“: Fotografie, Typografie Cormorant + Montserrat, Entwürfe auf dem Design-Canvas vor dem Code.
Inhalte DE · PL · EN
Transkreation statt Übersetzung — mit lokalisierten URLs (buchung / rezerwacja / booking).
Online-Buchung
Vier Schritte, Live-Kosten, Wochenendpreise, Hotelgast-Modus, Validierung und Bestätigung mit .ics-Datei.
Gutschein-Konfigurator
Paket oder Betrag, drei Kartendesigns, Widmung und Zustellart — die Vorschau ändert sich sofort.
Animationen
Sanftes Scrollen, Einblenden der Überschrift, Bild-Reveals und Parallax — mit voller Unterstützung für reduzierte Bewegung.
SEO / AEO
hreflang für drei Sprachen, strukturierte Daten DaySpa und FAQPage, Sitemap, llms.txt.
Performance
Statischer Build, WebP-Bilder in mehreren Größen, lokal gehostete Schriften (ohne Google Fonts — DSGVO).
Tests und Go-live
Automatisierter Navigationstest mit echten Klicks und ein Deploy-Skript, das die Live-Seite prüft.
Assistent auf der Website
Gespräch mit Vorschlägen und eigenen Fragen in DE/PL/EN: antwortet mit Inhalten der Website, verweist Gesundheitsfragen an Arzt und Spa-Rezeption und bucht den Besuch Schritt für Schritt (auch für Hotelgäste) — ohne KI-Modell und ohne Datenversand.
In Zahlen
Ein Modellprojekt hat keine Verkaufszahlen — wir nennen überprüfbare Fakten aus dem Repository.
So haben wir gearbeitet
Vom visuellen Konzept zur Live-Website in kurzen Iterationen — mit freigegebenem Design vor der ersten Codezeile und Tests, die messen, was Nutzer sehen.
Richtung
Analyse des Hotel-Wellness-Markts und Wahl von Stil, Farben und Typografie.
Design
Entwürfe für Startseite, Buchung und Gutschein auf dem Design-Canvas — mit Korrekturen vor dem Code.
Umsetzung
Astro, interaktive Preact-Inseln, Inhalte in drei Sprachen und Animationen.
Tests
Jeder Menülink aus drei Scrollpositionen, auf Desktop und Smartphone, in allen Sprachen.
Go-live
Upload per FTPS und automatische Prüfung der Live-URLs nach jedem Deploy.
Technologie
Eine statische Astro-Website mit kleinen interaktiven Inseln statt einer schweren App: schnelles Laden, einfaches Hosting und keine Datenbank zu pflegen. Die Animationen mit GSAP und Lenis respektieren die Einstellung für reduzierte Bewegung, und die Seite funktioniert auch ohne JavaScript.
- Astro 7
- Preact
- TypeScript
- Regelbasierter Assistent
- GSAP
- Lenis
- View Transitions
- WebP
- Schema.org
- hreflang
- llms.txt
- Playwright
- DE · PL · EN
Häufige Fragen
Ist der Assistent auf der Website eine KI?
Nein. Es ist ein regelbasierter Assistent: Er erkennt Fragen anhand von Schlüsselwörtern in drei Sprachen, antwortet ausschließlich mit Inhalten der Website und bucht nach denselben Regeln wie die Online-Buchung (Wochenendpreise, freie Plätze, Rabatt für Hotelgäste). Er sendet keine Daten und gibt keine medizinischen Ratschläge. Im echten Projekt lässt sich dasselbe Gespräch mit einem Sprachmodell verbinden.
Ist das die Website eines echten Hotels?
Nein. Solenne Hotel & Spa ist ein Modellprojekt von Primessio — Marke, Preise, Adresse und Bewertungen sind fiktiv, die Formulare senden nichts. Technik, Design und Arbeitsweise sind dieselben wie in Kundenprojekten.
Lässt sich die Buchung an das Hotelsystem anbinden?
Ja. Der Assistent ist die Oberfläche: Im echten Projekt kommen Termine und freie Plätze aus dem Spa- oder Hotelbuchungssystem, die Zahlung läuft über einen Zahlungsanbieter. Preislogik, Extras und Hotelgast-Modus bleiben unverändert.
Wie lange dauert die Umsetzung einer solchen Website?
Das hängt vom Umfang ab: Anzahl der Sprachen, Anbindung an das Buchungssystem und Menge der Inhalte. Zuerst geben Sie das Design auf Entwürfen frei, danach bauen wir in kurzen Iterationen — Umfang und Zeitplan legen wir vor dem Start fest.
Machen die Animationen die Seite nicht langsam?
Die Seite ist statisch, JavaScript lädt nur dort, wo es gebraucht wird (Buchung, Anwendungsmenü, Gutschein). Bei aktivierter Einstellung für reduzierte Bewegung werden die Animationen abgeschaltet, und der Inhalt ist auch ohne sie sichtbar.
Ist die Website DSGVO-konform?
Ja, soweit es die Website betrifft: Die Schriften liegen auf dem eigenen Server (ohne Google Fonts), und die Demo erhebt keine Daten. Im echten Projekt kommen ein Consent-Banner und Analytics hinzu, die erst nach Einwilligung starten.
Verwandte Leistungen und Projekte
Sie betreiben ein Hotel, Spa oder Wellnessresort?
Wir gestalten und bauen eine Website, die Aufenthalte, Anwendungen und Gutscheine in mehreren Sprachen verkauft — mit einer Buchung, in der Gäste den Preis ab dem ersten Klick sehen.
Lassen Sie uns sprechen