Kundenprojekt: Wellness & Premium Spa
Eine Wellness-Website, die alle Sinne anspricht.
SYNYSSPACE Area ist das weltweit erste multisensorische Wellness-Erlebniszentrum in Klagenfurt. Wir haben dafür eine Website gebaut, die das Konzept nicht nur zeigt, sondern erlebbar macht. mit Three.js Hero, sechs interaktiven Welten und einem integrierten Audio-System, das jeden Raum hörbar macht.
Herausforderung
Ein revolutionäres Wellness-Konzept verkauft sich nicht mit Standard-Spa-Websites. Der Kunde brauchte eine digitale Präsenz, die das multisensorische Versprechen des Studios bereits im Browser einlöst. Bilder allein reichten nicht. Das Erlebnis musste online beginnen.
Unser Ansatz
Wir haben eine dunkle, neofuturistische Premium-Website gebaut. Mit Three.js Hero-Szene, partikelbasierten Welten-Atmosphären, einer interaktiven Sensory Map und einem vollständigen Audio-System, das jede der sechs Welten beim Hover hörbar macht.
Das Ergebnis
Eine der wenigen Wellness-Websites in DACH, die multisensorisches Storytelling konsequent umsetzt. Three.js Hero, Glasmorphismus, Custom Cursor, Audio-Layer. Premium-Build, der das Konzept einlöst, bevor der erste Kunde im Studio steht.
Die Ausgangslage
Sechs Welten. Eine Aufgabe: Alles erlebbar machen.
SYNYSSPACE Area ist kein klassisches Spa. Das Konzept ist radikal: sechs thematisch inszenierte Erlebnisräume, in denen Massage, Licht, Klang, Duft, Präsenz und Zustandswechsel zu einer einzigen Sinneserfahrung verschmelzen. Forest, Aqua, Fire, Crystal, VR und Kids Galaxy. Jeder Raum hat eigene Farbe, eigenen Duft, eigenen Soundscape und eigene Rituale.
Genau hier lag die Herausforderung. Ein so anspruchsvolles Konzept lässt sich nicht mit den üblichen Wellness-Websites verkaufen. Hochglanz-Bilder von leeren Massagebänken transportieren weder die Tiefe des Erlebnisses noch das Premium-Niveau. Der Kunde brauchte eine digitale Welt, die sich auf einem völlig anderen Level bewegt als alles, was die Wellness-Branche in DACH bisher kennt.
Unsere Aufgabe war klar: bauen, was es noch nicht gibt. Eine Website, die sich anfühlt wie das Studio selbst. Dunkel, sinnlich, lebendig, überraschend. Mit einer technischen Tiefe, die das Versprechen einer multisensorischen Erfahrung tatsächlich einlöst.
Die Startseite mit Three.js Hero. Sechs Partikel-Ebenen, ein zentraler Nexus, sanfte Maus-Parallax. Auf Mobile ein optimierter Gradient-Fallback für bestmögliche Performance.
Die Lösung
Was wir gebaut haben
Sechs Welten, sechs Atmosphären
Forest, Aqua, Fire, Crystal, VR und Kids Galaxy. Jede Welt hat ihre eigene Farbe, ihre eigene Sensorik und ihre eigenen Rituale. Wir haben das Konzept in eine klare visuelle Architektur übersetzt: pro Welt eine Akzentfarbe, ein eigenes Partikelsystem, eine eigene Welt-Detailseite mit hochaufgelösten Visuals und Hintergrundinformationen zu Duft, Klang und Licht.
Audio, das du hören kannst, bevor du buchst
Auf der Elements-Seite startet beim Hover über jede Welt ein charakteristischer Sound. Vogelgesang im Forest, Wellenrauschen im Aqua, Feuerknistern im Fire, Klangschalen im Crystal. Subtil, kuratiert, sofort wieder ausfadend. Ein globaler Sound-Toggle lässt Besucher das System aktivieren oder stumm halten. Keine Auto-Play-Belästigung. Sondern eine echte sensorische Vorschau.
Eine Hero-Szene, die sich wie ein lebender Kosmos anfühlt
Sieben übereinanderliegende 3D-Ebenen aus 1.500 Hintergrund-Partikeln, sieben Nebelwolken, einem Energiefeld mit lissajous-ähnlichen Bewegungen, vier Glas-Orbits in elliptischen Bahnen, einem zentralen iriszierenden Nexus mit eigenem Shader und neuronalen Verbindungslinien. Auf Desktop voll, auf Tablet halbiert, auf Mobile durch einen optimierten Gradient ersetzt.
Buchen wird zur Reise
Statt eines langweiligen Buchungsformulars haben wir einen vierstufigen Wizard gebaut: Welt wählen, Ritual wählen, Optionen festlegen, Bestätigung. Daneben eine interaktive Sensory Map auf der Startseite, die alle sechs Sinnesdimensionen visuell und auditiv erlebbar macht. Auto-Cycle, Hover-Aktivierung, Pulse-Animation. Buchen wird so zu einem Teil der Markenerfahrung.
Erlebnisräume mit eigener Identität
Kuratierte Audio-Files
Animierte Three.js Ebenen
Rituale und Behandlungen
Routen, vollständig responsive
Tech-Stack
Technologie und Umsetzung
Das Projekt wurde in sieben Phasen aufgebaut: Foundation, alle Seiten, Three.js Szene, Animationen, interaktive Features, Responsive und Polish, und schließlich der Audio-Layer als finale Sinnes-Dimension.
“Wir wollten eine Website, die nicht nur unser Studio zeigt, sondern unser Konzept einlöst. SnapSite hat genau das geliefert. Die Audio-Layer auf der Elements-Seite ist das Detail, das den Unterschied macht.”
Inhaber, SYNYSSPACE Area Klagenfurt
(Platzhalter-Zitat. Wird durch echtes Statement nach Launch ersetzt)
Möchten Sie ein ähnliches Ergebnis?
Horatiu Serban · Founder & CEO
Kurzes Gespräch. Wir schauen gemeinsam, wo bei dir messbar mehr Anfragen und Sichtbarkeit drin sind.
