TIVER
- Категория
- Массажная студия · Сайт
- Язык сайта
- Украинский
- Статус
- Независимый концептуальный проект
Ясный, спокойный сайт массажной студии: услуги, цены и запись в одной понятной структуре.
Вопрос
Как мало нужно сайту студии, чтобы он ощущался завершённым?
Задача
Создать простой универсальный сайт для массажной студии — умеренно технологичный, с ясной структурой и понятным, предсказуемым путём от первого экрана до записи.
Визуальный язык
Крем, эспрессо и олива; тонкий логотип. Сайт создан с использованием SVG-графики — свеча, камни, арки, орбиты — и других нарисованных элементов интерфейса. Скруглённые панели мягко встают на место, появляясь на экране.
01
Одна мысль на экран
Блок философии показывает три состояния одной композиции — покой, прикосновение, восстановление. Он проигрывается один раз, его можно повторить, и он никогда не удерживает прокрутку.
02
Цены без трения
Услуги читаются как простой список с длительностью и ценой. Открытая услуга показывает детали рядом, а «Записаться» переносит выбор прямо в форму.
03
Тот же порядок на телефоне
На мобильном структура не меняется, а лишь складывается в колонку: услуги, пространство и запись идут в той же последовательности, что и на десктопе.
04
Пространство нарисовано, а не сфотографировано
Комната, материалы и детали собраны из SVG-форм в скруглённых панелях — цельная визуальная система без стоковых фото.
05
Подпись в конце
Логотип в футере прочерчивается прокруткой — тихое завершение, повторяющее тонкую линию знака.
Детали дизайна
- 01Акцидентная антиква с курсивом рядом со спокойным гротеском
- 02SVG-система бренда: логотип, арки, орбиты, складки
- 03Мягкие скруглённые панели, плавно масштабирующиеся при прокрутке
Взаимодействие
- 01Выбор услуги открывает форму записи уже с ней
- 02Форма записи с валидацией, честно работающая как демо
- 03Полный доступ с клавиатуры и поддержка уменьшения движения
Технологии
- React 18
- Tailwind CSS
- Framer Motion
- Vite
- SVG
