Однушка за сушку - конверсионный лендинг фитнес-челленджа

Ситуация

Клиент запускал соревновательный фитнес-проект - челлендж по трансформации тела с внушительным призовым фондом: новая форма, перезагрузка образа жизни и главная приманка - новенькая квартира в Сочи. У концепции была энергия. Бриф был так же ясен: сделать лендинг, который останавливает скролл, доносит срочность и захватывает лиды до того, как посетитель успеет уйти.

Существующего сайта не было. Это была сборка с нуля до запуска: прототипирование, визуальный дизайн, front-end-разработка, интеграция с WordPress и постоянная поддержка - всё силами одной команды.

До

В начале работы у клиента была сильная офлайн-концепция и брендовые визуалы, но не было цифрового присутствия. Без лендинга:

• Сбор лидов шёл через личные сообщения в соцсетях - неструктурированно и немасштабируемо.
• Не было способа создать срочность, привязанную к дате запуска проекта.
• У мобильных пользователей - основной аудитории - не было оптимизированной точки контакта.
• Логотипам партнёров и спонсоров негде было размещаться так, чтобы это выглядело солидно.

Исследование

Аудиторию в основном приводили соцсети - Instagram, VK - и приходила она с мобильных. Три конверсионных сигнала были важнее всего для такого типа проекта:

1. Срочность - таймер обратного отсчёта, привязанный к дате запуска проекта, подталкивал бы к регистрации до закрытия окна.
2. Стремление - приз и трансформацию образа жизни нужно было прочувствовать визуально, а не просто прочитать. Параллакс-прокрутка и мультимедийные эффекты делают то, чего не может статичный текст.
3. Нулевое трение - форма захвата лида должна была стать единственным неизбежным действием на странице. Только имя и телефон - ничего больше.

Что мы сделали

Страница построена с нуля на WordPress, что дало клиенту полный контроль над контентом без зависимости от разработчика для правок текста или интеграций форм. Визуальный подход опирался на энергию проекта: красный и чёрный, жирная типографика, контрастные CTA и движение по всей странице.

Параллакс-эффекты прокрутки придали глубину hero-изображениям, оживляя страницу по мере скролла. Живой таймер обратного отсчёта - до даты старта проекта - заметно располагался в первом экране и на десктопе, и на мобильном, создавая постоянное ощущение дедлайна. Форма лида была закреплена внизу страницы и повторялась внутристраничным якорем, оставаясь всегда в одном скролле, где бы пользователь ни находился в контенте.

Мобильная версия создавалась как первоклассный опыт, а не как что-то второстепенное. С учётом трафика из соцсетей каждое взаимодействие - включая таймер обратного отсчёта, раскрытие приза и форму - было оптимизировано под навигацию большим пальцем.

Видео с конкурса

Проход по лендингу в том виде, в котором он работал во время челленджа.

Мобильная версия

После

Лендинг запустился в срок и стал единственной точкой конверсии кампании. Ключевые результаты:

• Захват лидов централизован - все регистрации шли через единую структурированную форму, заменившую разрозненные личные сообщения в соцсетях.
• Срочность по дедлайну активирована - таймер обратного отсчёта создал видимый повод действовать сейчас, ощутимо сжав цикл принятия решения.
• Мобильная конверсия включена - оптимизированная под мобильные вёрстка конвертировала большую часть трафика из соцсетей, приходившего почти полностью с телефонов.
• Доверие к партнёрам сформировано - логотипы спонсоров и партнёров (включая ИНВИТРО) были представлены в отдельной секции, придавая проекту авторитет.
• Контроль над контентом передан клиенту - CMS WordPress позволила команде обновлять детали приза, даты отсчёта и логотипы партнёров без участия разработчика.

Полная раскладка страницы