Контекст клієнта
Body Target — фітнес-центр у Києві, ~600 м² зали, 12 тренерів, ціновий сегмент middle. Звернулися до FOX з запитом:
«Витрачаємо 25 000 грн/міс на Google Ads, отримуємо 3-5 заявок. Конверсія лендінга жахлива.»
Стартові метрики (старий лендінг, шаблон):
- Трафік: 1 100 відвід/міс
- Заявок: 25/міс
- Конверсія: 2.3%
- Cost per lead: ~1 000 грн
Ціль: за 3 місяці підняти конверсію до 5-7% (зменшити CPL в 2 рази).
Результат через 3 місяці — 14.1%.
Що було не так зі старим лендінгом
Старий лендінг — типовий шаблон з ThemeForest, адаптований під фітнес. Найкритичніші проблеми (з юзабіліті-аудиту перед розробкою):
- Hero без оферу. Заголовок «Body Target — твій шлях до здоров’я» — не каже про що це, кому, скільки коштує
- Форма з 7 полів (ім’я, прізвище, email, телефон, вік, мета, рівень підготовки) — 60% не доходили до кінця
- Ціни сховані — треба клікати «дізнатись вартість» → інша сторінка
- Контакт-кнопка тільки у footer — не доступна під час перегляду програм
- Mobile-версія зламана — текст вилазить, кнопки 30px (треба ≥44)
- LCP 4.2 сек — користувачі залишали до завантаження hero
Що зробили — 3 ітерації
Ітерація 1: Структура (тижні 1-2)
Переписали структуру за моделлю Hook → Boil → Proof → Action:
| Блок | Цільова дія користувача |
|---|---|
| Hero | Зрозуміти що це + клікнути «Дізнатись» |
| Що включено | Побачити склад послуги |
| Ціни (3 пакети) | Обрати тариф (або зрозуміти ціновий діапазон) |
| Відгуки + фото | Побудувати довіру |
| Програми тренувань | Залишитись як «своє» |
| Тренери (фото + досвід) | Особистий звʼязок |
| CTA (форма) | Залишити заявку |
| FAQ | Зняти останні заперечення |
Hero став таким:
Якісне тренування під керівництвом сертифікованого тренера Перший пробний тиждень — 399 грн замість 1 200 грн. Без зобовʼязань. [Кнопка: Записатись на пробний тиждень]
Конкретний офер (пробний тиждень за 399 грн) + сильний contrast (1 200 → 399) + low-risk CTA («без зобов’язань»).
Ітерація 2: Форма (тижні 3-4)
Замість 7 полів — 2 поля: ім’я + телефон. Все інше менеджер питає при дзвінку.
До:
Імʼя*
Прізвище*
Email*
Телефон*
Вік*
Мета (схуднути / набрати / здоровʼя)*
Поточний рівень (без досвіду / середній / просунутий)*
[Записатись]
Після:
Імʼя*
Телефон*
[Записатись на пробний тиждень]
Конверсія форми (поле заповнили → клікнули submit): 38% → 79%.
Ітерація 3: Live chat (тижні 5-12)
Інсталювали Tidio chat-widget (безкоштовний tier). Менеджер відповідає у робочий час за 1-2 хв.
Метрики чату за 90 днів:
- 412 діалогів
- 23% діалогів → заявка (vs 14% з форми)
- Conversion bypass — клієнти, які не хотіли заповнювати форму
Хронологія конверсії
Конверсія лендінга Body Target за тижнями
Що дало найбільший ефект
Внесок кожного компонента в ріст конверсії (%)
Технічна сторона
Стек:
- Astro 5 (статика)
- Cloudflare Pages (хостинг)
- Tidio (chat)
- Google Tag Manager + GA4 (аналітика)
- Hotjar (heatmaps + session replays)
Швидкість:
ROI для клієнта
До (3 міс):
- Бюджет реклами: 75 000 грн (25k × 3 міс)
- Заявок: 75
- CPL: 1 000 грн
- Закриття: ~25% → 19 нових клієнтів
Після (3 міс):
- Бюджет реклами: 75 000 грн (не змінювали)
- Заявок: 462 (трафік + конверсія 14%)
- CPL: 162 грн
- Закриття: ~25% → 116 нових клієнтів
- LTV середній: 8 400 грн (3 міс підписка) → +813 000 грн виручки
Розробка лендінга з усіма ітераціями + 3 міс оптимізації: 65 000 грн. ROI: ×12.5 за квартал.
Що з цього взяти у свій проект
5 принципів, які працюють для майже будь-якого лендингу послуг:
- Hero = конкретний офер з ціною і timeframe. «Перший тиждень 399 грн» працює краще ніж «Зробіть сильніше тіло».
- Форма мінімум полів. Все що можна не питати — питайте при дзвінку.
- Soft-CTA на ризик. «Без зобовʼязань», «безкоштовна консультація», «пробний тиждень» — знижує бар’єр.
- Live chat для зачинених, які не хочуть форми. +18% конверсії з тих, хто інакше пішов би.
- Швидкість критична. LCP < 2.5s — обов’язково.
Хочете такий же лендінг для свого бізнесу?
Розробимо лендінг з конверсійною структурою за 14-21 день. Ціна від 25 000 грн (базовий) до 65 000 грн (преміум з A/B-тестами).