MOVA Beauty
Showcase-сайт fictional beauty studio з editorial mood, каталогом послуг і demo-записом.
Огляд
MOVA створений як окремий showcase-проєкт, щоб показати, як може виглядати сильний beauty-сайт із чітким сервісним сценарієм. Це не сайт реального клієнта, а демонстрація підходу до бренду, структури й інтерфейсу.
Завдання
Що потрібно було змінити
Побудувати емоційний editorial-образ, але не втратити комерційну ясність: користувач має швидко зрозуміти напрям студії, побачити послуги, переглянути роботи й дійти до запису без зайвих кроків.
Рішення
Як побудували досвід
Концепцію зібрано навколо спокійної premium-естетики, великих типографічних акцентів і коротких сценаріїв. Окремі сторінки послуг, галереї та запису працюють як послідовна воронка: враження, вибір, підтвердження наміру.
Що реалізовано
Одна система.
Усі ключові сценарії.
- 01
Cinematic hero для fictional brand MOVA
- 02
Сторінка послуг із категоріями, тривалістю та demo-цінами
- 03
Editorial gallery із роботами, простором і майстрами
- 04
Шестикроковий booking flow у demo-режимі
- 05
Окрема mobile-композиція для головних сценаріїв
Задача й концепція
Проєкт побудовано як showcase для hypothetical beauty studio в Києві. Мета - показати, як поєднати атмосферний бренд-образ із чітким сервісним сайтом, де користувач розуміє пропозицію без довгого читання.
Art direction
Візуальна система спирається на теплі нейтральні поверхні, глибокий brown/ink контраст, editorial serif для акцентів і стриманий sans для UI. Усе працює на відчуття спокою, тактильності та premium-сервісу без крикливого luxury.
UX послуг і галереї
Каталог послуг одразу показує категорію, тривалість, description і ціну, а галерея допомагає підтвердити стиль студії через роботи, матеріали й простір. Так користувач отримує не абстрактну обіцянку, а зрозумілий доказ рівня подачі.
Booking experience
Окремий demo-flow веде через вибір послуги, майстра, дати, часу та контактів. Це не декоративний mockup, а функціональний сценарій майбутнього запису, який показує логіку production-рішення без реального відправлення даних.
Responsive/mobile
Mobile-версія не стискає desktop-макет, а перебудовує ієрархію під вузький екран: інша подача hero, зручні CTA, компактний booking summary і коротші шляхи до ключових дій.
Технічна реалізація
Сайт побудовано як окремий Astro-проєкт із data-driven контентом, статичною генерацією та легким клієнтським JavaScript тільки там, де це потрібно для booking UX. Це тримає швидкість, спрощує підтримку й робить showcase придатним до подальшого розвитку.
Адаптивний досвід
Ієрархія, навігація й ключові дії спроєктовані окремо для великого та малого екрана.
Компетенції
- Артдирекшн і брендова подача
- UX/UI дизайн
- Каталог послуг
- Booking experience
- Responsive frontend
Технології
- Astro
- TypeScript
- Семантичний HTML
- Сучасний CSS
- Клієнтський JavaScript для booking flow
Результат
Проєкт показує, як OKK Works підходить до showcase-продуктів і комерційних сайтів у сфері сервісного бізнесу. Це демонстраційний кейс без вигаданих клієнтів, метрик чи відгуків, але з повноцінною структурою, мобільною версією й робочим UX запису.