Case study · Hotel spa website (concept)
Dubai Marina Spa time stands still.
A concept hotel-spa website for Dubai Marina — a film hero with sound, a signature ritual, a swipeable spa-day timeline, priced treatments and an FAQ.
This is the real website. Scroll it, tap it, try it. On a phone it’s best full screen.
- Type
- Hotel spa website (concept)
- Sector
- Health & wellbeing
- Sections
- 8
- Built with
- Hand-coded · no templates
About the site
A concept website for a luxury hotel spa in Dubai Marina. It opens with “Time stands still.” over a slow arrival film (with a sound toggle and a “Breathe in” cue), then walks through a full spa day from arrival to departure.
The idea
Spa sites usually lead with a price list. This one leads with how the day feels, then answers every practical question — what to wear, how to arrive, therapists, gift vouchers — so the “Reserve” button is the obvious next step.
What we built, section by section
- 01
Time stands still
The hero film with sound toggle.
- 02
The retreat
Positioning and the treatment rooms.
- 03
Signature ritual
Rose water, Dead Sea salt and massage.
- 04
Heat & water
Steam, sauna and plunge pools.
- 05
Spa-cation
A day package from AED 650.
- 06
Your day
A swipeable timeline from arrival to departure.
- 07
Treatment edit
Five priced treatments.
- 08
FAQ
Arrival, attire, therapists and vouchers.
From the build
Films and pictures from inside the Dubai Marina Spa website. Swipe through.
Features
- Film hero with sound toggle
- Swipeable day timeline
- Sticky numbered navigation
- Expandable FAQ
- Reserve and call buttons
Look and feel
A deep green-black, calm and restrained, with italic emphasis in the headings.
Under the bonnet
- HTML5 video
- Hand-coded timeline and FAQ
- Safe-area layout for notched phones
Like everything I build, it’s made from scratch. No page builder, no theme. So it’s quick, it works on phones first, and it’s easy to change later.
Unofficial design concept — not affiliated with any hotel group.
