TIVER
- Category
- Massage studio · Website
- Site language
- Ukrainian
- Status
- Independent concept project
A clear, calm website for a massage studio: services, prices and booking in one readable structure.
Question
How little does a studio website need in order to feel complete?
Task
Create a simple, universal website for a massage studio — moderately technological, with a clear structure and an easy, predictable path from the first screen to booking.
Visual language
Cream, espresso and olive; a hairline wordmark. The site is built with SVG graphics — candle, stones, arches, orbits — and other drawn interface elements. Rounded panels settle into place as they enter the screen.
01
One idea per screen
The philosophy block shows three states of one composition — calm, touch, recovery. It plays once, can be replayed, and never holds the scroll hostage.
02
Prices without friction
Services read as a plain list with durations and prices. Opening one shows the details next to it; “Book” carries the choice straight into the form.
03
The same order on a phone
On mobile the structure does not change, it only stacks: the visitor meets services, space and booking in the same sequence as on desktop.
04
A space drawn, not photographed
The room, the materials and the details are composed from SVG shapes in rounded panels — a coherent visual system without stock photography.
05
A signature at the end
The footer wordmark is traced by scroll progress — a quiet ending that repeats the hairline of the logo.
Design details
- 01Display serif with italic accents against a calm grotesque
- 02SVG brand system: wordmark, arches, orbits and folds
- 03Soft rounded panels that scale gently on scroll
Interaction
- 01Choosing a service opens the booking form with it already selected
- 02Booking form with validation that works as a clear demo
- 03Full keyboard access and reduced-motion support
Technology
- React 18
- Tailwind CSS
- Framer Motion
- Vite
- SVG
