01Work

Wellness studio

Nura

A massage studio site built as a ten chapter scroll film.

Pinned chapters
10
Frame gap at 20x throttle
19% faster
Phone sizes verified
6
2026
My own project
Finished

  • Next.js 16
  • Tailwind v4
  • GSAP
  • Lenis
  • Framer Motion

A single therapist competing against salon chains with stock photography and a booking widget. The site had to feel like the room feels, not like a template with a different colour.

Ten pinned chapters that move with the scroll: a letterbox open, word by word ink-in, a three dimensional flythrough, a horizontal track, tilt cards on critically damped springs. Then a second pass purely for the phone, driven by measurement rather than by eye.

Composited layers cut from 26 to 6 and image payload from 186 KB to 122 KB on the lite path, with the p90 frame gap 19% shorter under a 20x CPU throttle. Verified by scripted scroll probes at six phone sizes, not by scrolling it myself and deciding it felt fine.