Wellness & Health

Підняття конверсії приватного спортзалу

Приватна студія персональних тренувань у Лондоні перетворювала на консультації 1% відвідувачів. Я перебудувала шлях від першого екрана до заброньованого дзвінка.

Країна клієнта: Велика Британія
Платформа: Веб · mobile-first
Моя роль: Product designer · UX, UI, конверсія
Тривалість: 5 тижнів · 2026

Огляд

Приватна студія персональних тренувань платила за більшість свого трафіку і перетворювала на консультації лише 1% із нього.

Мета бізнесу

Більше записів на консультацію з трафіку, за який уже платять: головна конвертувала 1,14%, а ціль була 2–3%.

Моя зона

Конверсійний трек: дослідження, флоу запису, головна сторінка і вимірювання за ними.

Як

П'ять тижнів швидких перемог, паралельно з SEO-потоком на органічний ріст.

Результати після запуску

1,14% → 2,03%

Конверсія головної · січень → другий тиждень після запуску · ціль 2–3%

2 → 5

Заявок на тиждень · перший → другий тиждень після запуску

38 → 78

Оцінка швидкості на телефоні, зі 100 · чим більше, тим швидше

Контекст

Продукт

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

Користувачі

Зайняті люди, які шукають тренера біля дому чи роботи. Більшість заходить з телефона (52,7% візитів) і з платної реклами.

Ринок

Конкуренти виграють локальний пошук окремою сторінкою на кожен район. У студії такі сторінки були, але пошук їх ігнорував.

Стартова точка, січень 2026: 2 521 відвідувач, 25 лідів, конверсія 0,99%. 67% трафіку платні, тож якби реклама зупинилась, трафік обвалився б.

Підхід

Виміряти

Спершу база: події воронки, звіт лише по Британії і записи сесій, щоб кожну зміну можна було порівняти до і після.

Сформулювати гіпотези

Дев'ять точок тертя, кожна у форматі «якщо / то» зі зміною, яку вона передбачає.

Швидкі перемоги

Спершу найвпливовіше: запис, перший екран, локації та ієрархія кнопок.

Кожна зміна це ставка з числом: що вона має зрушити і як ми це побачимо.

Процес

Аудит аналітикиMicrosoft ClarityUser storiesАналіз конкурентівБеклог гіпотезВайрфреймиSEO-звітСтайлгайд

Основні покращення

Запис на консультацію в одному флоу

Проблема

Щоб записатись, дані треба було вводити двічі: форма на сайті, а потім те саме ім'я та email у календарі, що відкривався на сторонній сторінці. Туди вела одна довга кнопка, і ніде не пояснювалось, що це за консультація.

Гіпотеза

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

Рішення

Панель поверх будь-якої сторінки, з якої її відкрили, у два кроки. Спершу ім’я й мобільний, email за бажанням: цього досить для дзвінка, і це вже заявка. Далі де й коли разом: одна зі студій або відеодзвінок і вільний слот у календарі всередині панелі. Питання наперед ідуть тренеру у WhatsApp, угорі панелі.

Кроки: 6 → 2
Полів уручну: 6 → 0–2
Сайти: 2 → 1
Час на запис, оцінка: ≈ 2 хв → ≈ 20–30 с

Час є оцінкою, а не вимірюванням: модель keystroke-level додає набір тексту, наведення, кліки й короткі паузи на рішення для звичайного відвідувача з комп’ютера, плюс майже хвилину, яку на живому сайті займала стара переадресація на сервіс бронювань. Після: близько 20 секунд, коли браузер підставляє збережені дані, і 30, якщо вводити вручну. Залишити номер для дзвінка займає приблизно 18 с.

Mobile first

52,7% відвідувань були з телефонів, тому кожен екран спершу проєктувався під телефон, а потім під комп’ютер. На телефоні старий шлях був найгіршим: важкі фото довго вантажилися, дані доводилося набирати на клавіатурі двічі, а переадресація на сервіс бронювань зависала.

Доки головне фото з’явиться на екрані: 16,7 → 2,6 с
Місце за швидкістю серед 8 сайтів лондонських студій: Останнє → 2-ге
Час на запис, оцінка: ≈ 4 хв → ≈ 20 с

Швидкість визначена за Lighthouse для мобільної версії: один прогін на тестовому сайті перед запуском проти такого самого тесту для семи інших лондонських студій персональних тренувань; лабораторні оцінки, а не дані відвідувачів. Перший вміст тепер з’являється за 1,6 с замість 8,0 с. Час на запис є оцінкою за моделлю keystroke-level: повільніший набір на клавіатурі телефона й переадресація, що зависала, проти однієї панелі, де телефон підставляє збережені дані.

Перший екран та ієрархія кнопок

Проблема

Головна конвертувала 1,14%. Відвідувачі проводили там близько двох хвилин і йшли, не записавшись. Хіро казав «приватні тренування», але не казав, чому саме тут, а чотири кнопки на першому екрані вели в три різні місця: поп-ап із формою, сторінку контактів і чат у WhatsApp.

Гіпотеза

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

Рішення

Заголовок із двох слів поверх фото на всю ширину, обидві студії картками просто над ним і дві кнопки біля одного рядка: Free consultation і Book a trial session. Обидві відкривають ту саму панель; у шапці запис є простим текстовим лінком, а не четвертою кнопкою.

Куди веде кнопка: 3 → 1
Способи зв’язатися: 3, в одній панелі
Наступний тест: Консультація чи пробне

Пораховано з першого екрана старого сайту і прототипу. Який вхід конвертує краще, безкоштовна консультація чи пробне заняття, покаже наступний A/B-тест, а не ці цифри.

Контент і структура

Проблема

Головна читалася як довгий лист: близько 26 екранів гортання на телефоні, абзаци по центру тонким шрифтом і кнопка запису дванадцять разів під вісьмома різними назвами. Відгуки з Google були найсильнішим доказом на сторінці, але крутилися швидкою каруселлю темних карток, обрізаних на пів речення, і на телефоні, і на комп’ютері.

Рішення

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

26 → 17

Екранів гортання на телефоні, головна

5 → 2

Шрифтових родин

Що знайшов перший огляд і як виправлено

Кнопка запису з’являлася 12 разів під 8 назвами: Book Your Consultation, …Here, …Complimentary…, Schedule…, Enquire now.

Дві назви на головній: Free consultation і Book a trial session. На сторінці студії кнопка називає студію.

Відгуки з Google: карусель, що сама гортається, темні картки іншим шрифтом, кожна обрізана після трьох рядків.

Рядок із рейтингом і три короткі відео клієнтів, які вмикаються лише після дотику.

Заголовок на п’ять рядків тонким шрифтом, вузька колонка по центру з широкими порожніми полями на комп’ютері й пів екрана порожнього сірого під першим екраном на телефоні.

Фото на всю ширину, заголовок із двох слів, один рядок і дві кнопки.

Тонкі заголовки й світлий текст на приглушеному зеленому та поверх строкатих фото; підписи блідим золотим.

Заголовки звичайної товщини, а текст лише на суцільному кольорі або затемненому фото.

На телефоні точки каруселі по 6 px і стрілка 25 px як зони дотику, а 47 текстових блоків дрібніші за 14 px.

Кожна зона дотику не менше 44 px; на телефоні нічого дрібнішого за 12 px.

Картки переваг на телефоні обрізали власний текст, а порівняльна таблиця на десять рядків стискалася в три колонки, по слову в рядку.

Висоту блоку задає текст; порівняння переїхало на окрему сторінку про студії.

П’ять шрифтових родин (Public Sans, Inter, Roboto, Poppins, Arial) і понад тридцять кеглів.

Дві родини й одна шкала кеглів.

Блоки фото драбинкою з кнопкою під кожним, через що в макеті з’являлися дірки.

Рівні ряди, а кнопка там, де ухвалюють рішення, а не під кожним фото.

Локації, з якими можна щось зробити

Проблема

Спортзал обирають за відстанню, але сторінка не показувала адреси: дві назви районів у заголовку й закрите питання майже внизу (Where are you based?)

Гіпотеза

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

Рішення

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

Студій, які можна відкрити з першого екрана: 0 → 2
Де обирають студію: Інший сайт → панель
Місце описане через: Індекс → хвилини

Пораховано за старим шляхом запису на скриншотах із кік-офу та за прототипом. У реальному проєкті адреси ще й відкриваються в мапах одним дотиком і збігаються з профілем бізнесу; прототип обходиться без мап і починає з часу пішки.

Консультація, пояснена

Проблема

Ніхто не знав, що відбувається на безкоштовній консультації, тож запис на неї відчувався як зобов'язання.

Гіпотеза

Якщо сказати, чого чекати, невизначеність падає, а бажання записатись росте.

Рішення

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

Кроків, щоб побачити, що буде: 3 → 0
Пунктів про те, що буде: 0 → 5

Пораховано за старим шляхом запису на скриншотах із кік-офу та за прототипом. Раніше поп-ап із формою представляв тренера, а тривалість і те, що буде, з’являлися лише коротким абзацом на сервісі бронювань, після кнопки, форми й переадресації.

Вимірювання до редизайну

Проблема

Малий трафік і широкий таргетинг реклами робили цифри шумними, а частина візитів приходила не з Британії.

Рішення

Воронка від заходу на сайт до надісланого запису, записи сесій і теплові карти в Microsoft Clarity та окремий звіт лише по Британії, щоб «до» і «після» порівнювали однакове з однаковим.

Результат

Запис у два кроки на сайті: дані один раз, потім де й коли
Запис, перший екран, контент і локації перебудовано за п’ять тижнів швидких перемог

Коротка співпраця: результати відстежувались лише в березні, перші два тижні після запуску, і на цьому цифри закінчуються. Вони малі (3 заявки на 148 відвідувачів головної), тож це ранній сигнал, а не стала конверсія. Глибші сторінки того тижня конвертували ще краще: Contact 7,69% і Personal trainers 6,67%, по одній заявці.

Спробуйте прототип

Наступний кейс

Платформа проп-трейдингу · UX-аудит

Американська платформа проп-трейдингу, де люди вчаться торгувати на реальних ринках із симульованого рахунку без ризику для власних грошей, запитала, де її воронка і продукт втрачають людей. За шість тижнів я провела аудит маркетингового сайту, продукту для трейдерів і внутрішньої адмінки та передала пріоритезовану чергу, дві перевірювані гіпотези і чотири робочі прототипи. Аудит переріс у дизайн-найм.

Переглянути кейс