Datenschutz, kurz und ehrlich. Wir messen nur anonym, welche Seiten ankommen. Cookieless, ohne Werbe-Cookies, ohne Tracker, ohne Weiterverkauf. Du entscheidest, ob die Statistik mitläuft. Details in der Datenschutzerklärung.

    Alle Projekte

    Kundenprojekt: Wellness und Premium-Spa

    Die Website klingt nach Wald, bevor du den Raum betrittst.

    SYNYSSPACE Area in Klagenfurt verkauft kein Spa, sondern Klang, Licht und Duft. Genau das startet jetzt schon im Browser.

    4 Schrittezur Buchung, statt langem Formular

    Herausforderung

    Ein Erlebnis aus Klang, Licht und Duft verkauft sich nicht mit der üblichen Spa-Website. Bilder von leeren Massagebänken reichen nicht. Das Erlebnis musste schon im Browser beginnen.

    Unser Ansatz

    Eine dunkle, sinnliche Premium-Website. Eine bewegte 3D-Startszene, sechs Welten mit eigener Atmosphäre und ein Klang-System, das jede Welt beim Hover hörbar macht.

    Das Ergebnis

    Eine Website, die das Studio nicht nur zeigt, sondern spürbar macht. Sie löst das Versprechen ein, bevor der erste Gast den Raum betritt.

    Die Ausgangslage

    Sechs Welten. Eine Aufgabe: Alles erlebbar machen.

    SYNYSSPACE Area ist kein klassisches Spa. Sechs Räume verschmelzen Massage, Licht, Klang und Duft zu einer Erfahrung. Forest, Aqua, Fire, Crystal, VR, Kids Galaxy. Jeder mit eigener Farbe, eigenem Duft, eigenem Klang.

    So etwas verkauft kein Hochglanz-Bild einer leeren Massagebank. Es zeigt weder die Tiefe noch das Niveau.

    Also bauten wir, was es so noch nicht gab. Eine Website, die sich anfühlt wie das Studio. Dunkel, sinnlich, lebendig.

    Die Startseite mit ihrer bewegten 3D-Szene. Auf dem Handy ersetzt ein ruhiger Farbverlauf die Szene, damit die Seite schnell bleibt.

    Die Lösung

    Was wir gebaut haben

    Sechs Welten, sechs Atmosphären

    Forest, Aqua, Fire, Crystal, VR und Kids Galaxy. Jede Welt bekommt eine eigene Farbe, eine eigene Detailseite und klare Worte zu Duft, Klang und Licht. So versteht der Gast sofort, worauf er sich einlässt.

    Forest Space
    Aqua Space
    Fire Space
    Crystal Space
    VR Space
    Kids Galaxy

    Der Kern: Audio, das du hörst, bevor du buchst

    Das ist der Hebel der ganzen Seite. Maus über eine Welt, und ihr Klang beginnt: Vogelgesang im Forest, Wellen im Aqua, Feuer im Fire, Klangschalen im Crystal. Leise, kuratiert, sofort wieder weg. Ein Schalter entscheidet über den Ton. Aus der Website wird eine echte Vorschau auf das Studio.

    Klang pro Welt
    Sanftes Ein- und Ausblenden
    Auch auf dem Handy
    Ton-Schalter

    Eine Startszene, die sich wie ein lebender Kosmos anfühlt

    Mehrere 3D-Ebenen aus Lichtpunkten, Nebel und kreisenden Glas-Körpern bewegen sich um einen leuchtenden Kern. Die Szene folgt sanft der Maus. Auf dem Tablet läuft sie ruhiger, auf dem Handy übernimmt ein Farbverlauf, damit die Seite schnell bleibt.

    Bewegte 3D-Szene
    Folgt der Maus
    Ruhiger auf dem Tablet
    Schnell auf dem Handy

    Buchen wird zur Reise

    Kein langes Formular, sondern vier Schritte zum Termin: Welt wählen, Ritual wählen, Optionen setzen, bestätigen. Auf der Startseite lädt eine interaktive Karte alle sechs Sinne zum Antippen und Anhören. So gehört die Buchung schon zum Erlebnis.

    Buchung in 4 Schritten
    Karte der Sinne
    Zum Antippen
    Klar zum Ziel
    Das Verwaltungssystem · 5 Screens

    So steuert SYNYSSPACE den Betrieb.

    Das System läuft live im Studio. Die Screens zeigen eine Demo-Ansicht mit Beispiel-Daten, echte Gast- und Gesundheitsdaten bleiben geschützt. Jeder Screen öffnet sich für Vollbild.

    CRM-Dashboard mit Tagesüberblick: Buchungen, Anfragen, Umsatz und Aufgaben
    1 / 5

    Der Morgen beginnt mit einem Blick.

    Buchungen, Anfragen, Umsatz und offene Aufgaben des Tages auf einem Schirm. Die Leitung sieht sofort, was zählt und was als Nächstes dran ist.

    • 1Umsatz, Buchungen und Auslastung sofort im Blick
    • 2Neue Anfragen landen direkt als Lead, mit Welt und Kanal
    • 3Konkrete Aufgaben: offene Anfragen, Dispute-Fristen, Reminder
    6
    Welten, ein Board
    0
    Excel-Listen
    Live
    Auslastung & Anfragen
    Buchungsübersicht mit Wochenraster, Welten-Filter und Terminliste
    2 / 5

    Sechs Welten, ein Wochen-Raster.

    Jeder Termin mit Ritual, Welt, Masseurin und Preis. Check-in, Storno und Refund laufen mit einem Klick, ohne Tool-Wechsel.

    • 1Termine, geplanter Umsatz und Auslastung der Woche
    • 2Filter nach Welt, Masseurin und Status
    • 3Jede Buchung mit Ritual, Welt, Status und Preis
    6
    Welten im Raster
    1 Klick
    Check-in & Refund
    0
    Doppelbuchungen
    Gäste-Akte mit Profil, Mitgliedschaft, Wert und Datenschutz-Optionen
    3 / 5

    Jede Gästin, eine Akte.

    Lieblingswelt, Mitgliedschaft, Verlauf und Wert an einem Ort. Sensibles wie Allergien nur mit Einwilligung, Export und Löschen sind eingebaut.

    • 1Komplette Akte: Lieblingswelt, Mitgliedschaft und Wert
    • 2Eigener Datenschutz-Tab: Export, Anonymisieren, Löschen
    • 3Gäste nach Tier, letztem Besuch und Wert sortiert
    1
    Akte pro Gast
    DSGVO
    Export & Löschen
    Art. 9
    nur mit Einwilligung
    Umsatz-Ansicht mit Ist gegen Soll, Zahlungs-Aufschlüsselung und Trend
    4 / 5

    Geld, das sich selbst sortiert.

    Ist gegen Soll, Stripe-Zahlungen, Gutscheine und Refunds sauber getrennt. Wiederkehrender Umsatz, Mitglieder und Kohorten in einem Tab.

    • 1Ist gegen Soll, Refund- und Storno-Quote
    • 2MRR, Kohorten und Mitgliedschaften in einem Tab
    • 3Stripe, Gutscheine und Refunds sauber getrennt
    Ist/Soll
    in einer Ansicht
    Stripe
    live verbucht
    MRR
    Mitglieder & Kohorten
    Nachrichten-Ansicht mit Reviews, KI-Antwortentwurf und Lead-Scoring
    5 / 5

    Reviews und Leads, in einer Stimme.

    Die KI entwirft die Antwort im Ton des Studios, freigegeben wird per Klick. Google, Instagram und Treatwell laufen in einer Inbox, heiße Leads zuerst.

    • 1Reviews, Gespräche und heiße Leads auf einen Blick
    • 2Reviews, Chatbot, Lead-Scoring und E-Mail-Sequenzen
    • 3Die KI entwirft die Antwort, das Studio gibt frei
    KI
    Antwort-Entwurf
    1
    Inbox für alle Kanäle
    Score
    heiße Leads zuerst
    6

    Welten, jede mit eigener Farbe, Duft und Klang

    1

    Klang pro Welt beim Hover, statt stiller Bilder

    4

    Schritte zur Buchung, statt langem Formular

    100%

    der Seiten laufen sauber auf dem Handy

    0

    Auto-Play-Sound, der Toggle entscheidet

    Tech-Stack

    Technologie und Umsetzung

    Gebaut in sieben Phasen: Fundament, alle Seiten, 3D-Szene, Bewegung, interaktive Teile, Handy-Optimierung. Zum Schluss der Klang als letzte Sinnes-Ebene.

    React und TypeScript
    Tailwind CSS
    3D-Szene (React Three Fiber)
    Scroll-Animationen (GSAP)
    Bewegung (Framer Motion)
    Klang im Browser (Web Audio)
    Eigener Cursor
    Voll responsiv
    Touch-optimiert fürs Handy
    Build in sieben Phasen
    Auf Tempo getrimmt
    Barrierearm (WCAG AA)

    Endlich klingt unsere Website wie unser Studio. Sechs Welten, jede mit eigenem Klang beim Hover, und die Buchung in vier Schritten direkt im Fluss.

    SYNYSSPACE Area, Klagenfurt

    Dein Ansprechpartner

    Willst du so ein Ergebnis für dich?

    Horatiu Baloi · Founder & CEO

    30 Minuten, kostenfrei. Wir schauen gemeinsam, wo bei dir messbar mehr Anfragen und Sichtbarkeit drin sind.

    Termin buchen