/ Проєкт: Студія краси, Львів · 2026 /

Сайт студії краси з онлайн-записом і передоплатою

Односторінковий сайт студії краси: прайс із тривалістю послуг, майстри з роботами, запис на вільне вікно з передоплатою й нагадуванням у Telegram.

Ключові рішення Запис на вільне вікно майстра без дзвінка й директу
Тип
Сайти
Галузь
Б’юті та салони краси
Рік
2026
Етапи роботи 3–4 тижні
  1. Бриф і дослідження ≈ 1 тиж.
  2. UX/UI-дизайн ≈ 1 тиж.
  3. Розробка ≈ 1 тиж.
  4. QA і запуск ≈ 1 тиж.
  • Astro
  • Sanity
  • Google Calendar API
  • Telegram Bot API
  • LiqPay

Екрани продукту 06

  1. 01 Перший екран і найближче вікно
  2. 02 Послуги й ціни
  3. 03 Майстри
Сайт студії краси з онлайн-записом і передоплатою
  1. 04 Онлайн-запис
  2. 05 Роботи
  3. 06 Контакти й маршрут
Про проєкт

Односторінковий сайт студії краси, де клієнтка за хвилину бачить ціну, обирає майстриню й записується на вільний час. Записи не губляться в месенджерах, а передоплата й нагадування захищають вікна майстрів.

  • Найближче вікно на першому екрані Сайт показує найближчий вільний час і послугу — запис починається без прокрутки.
  • Прайс із тривалістю Волосся, нігті, брови: ціна «від» і тривалість кожної послуги, щоб клієнтка планувала час.
  • Майстри з роботами Стаж і приклади робіт кожної майстрині — вибір не лише за ціною.
  • Запис із передоплатою Розклад із Google Calendar, завдаток карткою, підтвердження й нагадування в Telegram.
01 · Задача

Студія з трьома майстрами приймала записи в директі Instagram, у Viber і телефоном. Адміністраторка ввечері переносила їх у зошит, частина повідомлень лишалася без відповіді до ранку. Ціни писали в особисті, тож людина, яка хотіла просто дізнатися вартість манікюру, часто не писала зовсім. Коли клієнтка не приходила, вікно майстра пропадало: передоплати не було.

02 · Що ми зробили

Зробили одну сторінку, побудовану навколо запису. Перший екран — найближче вільне вікно й кнопка «Обрати час». Прайс поділений на волосся, нігті й брови: у кожної послуги ціна «від» і тривалість. У кожної майстрині — стаж і роботи. Запис бере розклад із Google Calendar, приймає передоплату карткою й надсилає підтвердження та нагадування в Telegram. Прайс і майстрів студія змінює сама в CMS.

  1. Було Записи йшли через директ, Viber і дзвінки, і їх переносили в зошит.

    Стало Запис потрапляє в календар майстра одразу, без адміністратора.

  2. Було Ціну писали в особисті, частина людей не питала зовсім.

    Стало Ціна «від» і тривалість кожної послуги видно до запису.

  3. Було Клієнтка не прийшла — вікно майстра пропало.

    Стало Передоплата закріплює час, нагадування приходить напередодні.

03 · Шлях клієнта

Як людина проходить продукт — від першого кроку до результату, який потрібен бізнесу.

  1. Знаходить студію

    Пошук або карта Google: адреса, графік і кнопка запису на першому екрані.

  2. Дивиться ціни

    Прайс за напрямами, ціна «від» і скільки триває послуга.

  3. Обирає майстриню

    Стаж і роботи кожної майстрині — на тій самій сторінці.

  4. Записується

    Вільне вікно, передоплата карткою, підтвердження в Telegram.

04 · Що всередині проєкту

  1. Прайс із тривалістю послуг на сайті, а не в директі

  2. Майстри зі стажем і роботами «до і після»

  3. Запис на вільне вікно з Google Calendar без дзвінка

  4. Передоплата карткою під час запису

  5. Підтвердження й нагадування напередодні в Telegram

Прогноз

Менше пропущених візитів і менше вечірньої переписки — передоплата й нагадування знімають частину неявок. Це орієнтир, а не обіцянка.

05 · Архітектура

Як влаштований продукт: від того, що бачить користувач, до даних і сервісів, з якими він працює.

  1. Користувач Відкриває сайт з телефону чи компʼютера
  2. Інтерфейс Що бачить і натискає людина
    • Astro
  3. Логіка Правила, ролі й сценарії
    • Google Calendar API
    • Telegram Bot API
    • LiqPay
  4. Дані та інтеграції Де лежать дані й з чим обмінюється продукт
    • Sanity

06 · Як будується такий проєкт

Разом: 3–4 тижні
  1. 01 ≈ 1 тиж. Бриф і дослідження Цілі, аудиторія, структура сторінок і що має робити продукт
  2. 02 ≈ 1 тиж. UX/UI-дизайн Прототип, дизайн ключових екранів і мобільної версії
  3. 03 ≈ 1 тиж. Розробка Верстка, CMS, інтеграції та анімації
  4. 04 ≈ 1 тиж. QA і запуск Перевірка на пристроях, швидкість, SEO-база і запуск

Типовий розподіл етапів для проєкту такого обсягу

07 · Послуги в цьому проєкті

Наступний проєкт Dentvesta · 2026 Сайт стоматологічної клініки з онлайн-записом Медицина і стоматологія

Рішення під конкретну задачу

Готові сценарії під ваш випадок — з прикладами та орієнтовними цінами.

Інші проєкти

Усі проєкти →