Плейбук: Редизайн и переписывание слабого лендинга
1. Когда использовать
Заголовок раздела «1. Когда использовать»Этот плейбук вступает в игру, когда посадочная страница уже запущена, на нее идет трафик, но конверсия стремится к нулю, либо находится ниже рентабельного уровня. Конкретные триггеры для старта:
- Вы льете платный трафик (Яндекс.Директ, VK, MyTarget), клики есть, но лидов нет. Цена лида (CPL) выходит за рамки юнит-экономики.
- Высокий показатель отказов (Bounce Rate) на первом экране — более 60-70% посетителей уходят в первые 10-15 секунд, не скролля дальше.
- Тепловые карты показывают «слепые зоны» там, где у вас кнопки призыва к действию (CTA) или ключевые преимущества. Люди кликают по некликабельным элементам.
- Вебвизор демонстрирует хаотичное поведение пользователей: они скроллят вверх-вниз, пытаются найти цены или условия, не находят и закрывают вкладку.
- Ваш отдел продаж жалуется на качество лидов: клиенты оставляют заявку, но совершенно не понимают, что вы продаете, каковы условия или ценовой сегмент. Лендинг привлекает нецелевую аудиторию.
- Текущий текст пестрит корпоративными штампами («динамично развивающаяся компания», «индивидуальный подход», «высокое качество»).
- Вам нужно быстро протестировать новый оффер или гипотезу, но текущая структура страницы не позволяет это сделать эффективно.
2. Для кого
Заголовок раздела «2. Для кого»Плейбук предназначен для кросс-функциональной команды роста или соло-специалиста, который совмещает несколько ролей.
- Маркетолог / Growth-хакер: Владелец процесса. Анализирует метрики, собирает гипотезы, формулирует новое УТП, следит за экономикой.
- Копирайтер / Продуктовый редактор: Человек, который будет переводить корпоративный бред на язык клиента, вычищать канцелярит и писать «в мире читателя».
- UX/UI Дизайнер: Отвечает за визуальную иерархию, верстку первого экрана, читаемость текста и удобство на мобильных устройствах.
- Веб-аналитик: Настраивает цели, воронки, сегментирует трафик, чтобы понять, кто именно отваливается (например, мобильные пользователи с iOS). Если вы делаете всё сами — этот документ станет вашим пошаговым руководством по смене ролей: от диагноста до хирурга.
3. Входные данные
Заголовок раздела «3. Входные данные»Прежде чем сносить старый лендинг и писать новый, вы обязаны собрать фактуру. Работа «из головы» приведет к созданию такого же слабого продукта. У вас должны быть:
- Доступы к аналитике: Яндекс Метрика (с включенным Вебвизором, картами кликов и скроллинга) или Google Analytics 4. Убедитесь, что цели настроены корректно (отправка формы, клик по номеру, переход в мессенджер).
- Массив трафика: Лендинг должен иметь хотя бы 300-500 целевых визитов. Без трафика анализировать нечего. Если трафика нет — проблема не в лендинге (пока что), а в дистрибуции.
- Анализ источников трафика: Вы должны четко понимать, откуда приходят люди. Поиск Яндекса? РСЯ? Таргет ВКонтакте? Холодная email-рассылка? Ожидания клиента из поиска (горячий спрос) в корне отличаются от ожиданий клиента из РСЯ (холодный/теплый спрос).
- Записи разговоров сейлзов (СRM): 10-15 последних звонков успешных и неуспешных сделок. Это кладезь реальных возражений и формулировок, которыми мыслят клиенты.
- Текущая экономика: Какой CPL (цена лида) и CAC (стоимость привлечения клиента) у вас сейчас, и какая целевая?
- Бриф по продукту: Суть продукта, реальные (а не выдуманные) отличия от конкурентов, ценообразование, гарантии.
4. Пошаговый план
Заголовок раздела «4. Пошаговый план»Шаг 1: Жесткая диагностика (Аутопсия)
Заголовок раздела «Шаг 1: Жесткая диагностика (Аутопсия)»Начинайте с цифр. Эмоции и вкусовщина («мне не нравится этот цвет») убивают конверсию.
- Срез по устройствам: Откройте Яндекс Метрику -> Отчеты -> Технологии -> Устройства. Сравните конверсию и показатель отказов на десктопе и мобайле. В 80% случаев слабые лендинги теряют деньги именно на мобильной версии (едет верстка, мелкий шрифт, кнопка за пределами первого экрана).
- Срез по источникам: Сравните конверсию с разных рекламных кампаний. Возможно, лендинг нормальный, но вы нагнали на него ботов из дешевой сетки.
- Вебвизор (выборка боли): Отфильтруйте сессии с отказами (время на сайте < 15 секунд). Посмотрите 20-30 таких записей. Что их пугает? Отфильтруйте сессии, где люди были долго (> 2 минут), но не оставили заявку. Что они искали? Они водят мышкой по тексту, пытаются кликнуть на картинки, не могут найти цену?
- Карта скроллинга: Где находится «линия смерти»? Это та точка, ниже которой доходит меньше 30% пользователей. Если ваши главные преимущества, цены и социальные доказательства находятся ниже этой линии — считайте, что их нет на сайте.
- Тепловая карта кликов: Проверьте CTA (Call to Action) элементы. Кликают ли по вашим кнопкам? Если люди кликают на текст или иконки, которые не являются ссылками, значит, дизайн вводит в заблуждение — сделайте эти элементы кликабельными или уберите псевдо-интерактивность.
Шаг 2: Кастдев и поиск языка клиента
Заголовок раздела «Шаг 2: Кастдев и поиск языка клиента»Слабый лендинг всегда написан языком компании («Мы — лидеры рынка, внедряем инновации»). Сильный лендинг написан языком клиента («Снизим затраты на логистику на 15% за месяц, иначе вернем деньги»).
- Изучите отзывы: Откройте Отзовик, Irecommend, Яндекс Карты, профильные форумы. Читайте отзывы о вас и ваших прямых конкурентах. Выписывайте точные фразы, которыми клиенты описывают свою боль.
- Пример: Вместо «Эргономичная мебель» клиент пишет «Спина не отваливается после 8 часов за компом». Используйте второе на лендинге.
- Поговорите с отделом продаж: Спросите: «Какой вопрос клиенты задают первым?», «Из-за чего чаще всего срывается сделка?», «Что клиенты хвалят в нашем продукте после покупки?».
- Составьте таблицу возражений: Выпишите топ-5 причин, почему вам не верят или не покупают. Ваш новый лендинг должен закрывать эти возражения еще до того, как они возникнут.
Шаг 3: Вычищение корпоративного булшита (Детокс текста)
Заголовок раздела «Шаг 3: Вычищение корпоративного булшита (Детокс текста)»Откройте текущий текст лендинга в Google Docs. Безжалостно удаляйте или переписывайте следующие формулировки:
- «Индивидуальный подход к каждому клиенту» -> «Выделяем персонального менеджера, который на связи 24/7 в Telegram».
- «Широкий ассортимент» -> «Более 5000 позиций на складе, отгрузка в день заказа».
- «Высокое качество» -> «Брак менее 0.1%, расширенная гарантия 5 лет, меняем сломанное без экспертизы».
- «Команда профессионалов» -> «В штате 12 инженеров с сертификатами Microsoft и опытом от 5 лет».
- «Динамично развивающаяся компания» -> Удалить. Это не несет смысла для клиента. Каждое прилагательное должно опираться на цифру, факт или сценарий использования. Если фразу можно применить к вашему конкуренту (например, он тоже может сказать «мы гарантируем качество»), значит, это не УТП, а мусор.
Шаг 4: Проектирование новой структуры (Архитектура убеждения)
Заголовок раздела «Шаг 4: Проектирование новой структуры (Архитектура убеждения)»Люди не читают лендинги, они их сканируют. Ваша задача — провести взгляд пользователя по воронке. Используйте классический фреймворк (например, AIDA, P.A.S.T.O.R. или формулу 4U для заголовков). Базовая структура спасательного лендинга:
- Первый экран (Hero Section): Заголовок, Подзаголовок, Буллиты (2-3 шт), CTA-кнопка, Фото/Видео продукта или результата.
- Проблема / Боль: Демонстрация того, что вы понимаете ситуацию клиента (Амортизация).
- Решение (Продукт): Как ваш продукт решает эту проблему.
- Снятие риска (Социальное доказательство): Кейсы, отзывы, логотипы клиентов, цифры.
- Как мы работаем (Шаги): Простой путь 1-2-3 до результата. Снижает когнитивную нагрузку.
- Прайс / Тарифы: Честно и прозрачно. Если нельзя назвать точную цену — дайте вилку или калькулятор.
- Блок FAQ (Частые вопросы): Закрытие оставшихся возражений, собранных на Шаге 2.
- Финальный призыв к действию (Футер): Дублирование главного оффера или легкий шаг (lead magnet).
Шаг 5: Переписывание ключевых блоков
Заголовок раздела «Шаг 5: Переписывание ключевых блоков»5.1. Первый экран (Самое важное) Если первый экран не продает идею листать дальше, остальной лендинг не имеет значения. У вас есть 3 секунды.
- Заголовок (H1): Используйте формулу 4U (Usefulness - польза, Uniqueness - уникальность, Ultra-specificity - прицельность, Urgency - срочность). Или хотя бы формулу: [Конечный результат] + [Специфичное ограничение/Условие].
- Было: Ремонт квартир в Москве.
- Стало: Ремонт квартир под ключ в Москве за 45 дней. Без предоплаты, смета фиксируется в договоре.
- Кнопка (CTA): Призыв должен быть глаголом в повелительном наклонении или отвечать на вопрос «Что сделать?».
- Было: Отправить / Оставить заявку (это стресс для клиента).
- Стало: Получить расчет сметы / Скачать прайс / Забронировать скидку. Снижайте порог входа.
5.2. Социальное доказательство (Trust Factors) Вырежьте поддельные отзывы со стоковыми фотографиями. Им никто не верит с 2012 года.
- Используйте скриншоты из мессенджеров, WhatsApp, Telegram, комментарии из соцсетей (с замазанными контактами, если нужно). Неровно обрезанный скриншот вызывает в 10 раз больше доверия, чем вылизанный текст.
- Добавьте видео-отзывы.
- Покажите логотипы компаний, с которыми работали (если B2B).
- Добавьте блок «Основатель компании» — реальное фото, реальное обращение. Люди покупают у людей.
5.3. Оффер и гарантии Сделайте отказ от сделки глупым. Что вы теряете, если дадите мощную гарантию?
- «Если курьер опоздает на 5 минут — пицца бесплатно».
- «Не понравится результат в первый месяц — вернем деньги без вопросов». Перенесите риск с клиента на себя. Это радикально повышает конверсию.
Шаг 6: Дизайн и визуальная гигиена
Заголовок раздела «Шаг 6: Дизайн и визуальная гигиена»Вы переписали текст. Теперь не дайте дизайну всё испортить.
- Mobile-First: В 2024+ году делайте лендинг сначала под смартфон. Шрифты должны быть крупными (от 16px для основного текста). Кнопки должны быть удобными для нажатия пальцем (минимум 44x44 пикселя).
- Воздух (White Space): Не лепите блоки друг на друга. Дайте тексту дышать. Пустое пространство вокруг заголовка фокусирует на нем внимание.
- Контраст кнопок: Ваша CTA-кнопка должна контрастировать с основным фоном. Если сайт синий, кнопка не может быть голубой. Она должна быть оранжевой, желтой или красной. Пользователь при быстром скролле должен боковым зрением цеплять все кнопки.
- Фотографии: Удалите улыбающихся людей из фотобанков (женщина с гарнитурой). Используйте реальные (даже снятые на смартфон) фотографии вашего производства, офиса, продукта, команды. Реальность продает лучше пластика.
Шаг 7: Запуск, A/B тест и контроль
Заголовок раздела «Шаг 7: Запуск, A/B тест и контроль»Не меняйте старый лендинг навсегда без проверки.
- Настройте сплит-тест (Google Optimize, Яндекс Вариогер, VWO или встроенный функционал вашей CMS/конструктора Tilda).
- Пустите 50% трафика на старую версию (Контроль), 50% на новую (Вариант Б).
- Соберите статистически значимую выборку (калькуляторы достоверности A/B тестов есть в сети, обычно нужно хотя бы по 100-200 конверсий на каждую ветку).
- Оцените результат не только по конверсии в заявку, но и по конверсии в квалифицированный лид (SQL) и в оплату. Иногда конверсия падает, но качество лидов возрастает настолько, что выручка бьет рекорды.
5. Развилки решений
Заголовок раздела «5. Развилки решений»Процесс не всегда идет гладко. Вы можете столкнуться с ситуациями, когда стандартный алгоритм нужно корректировать. Вот основные развилки:
А) Что делать, если конверсия упала еще сильнее?
- Решение: Не паниковать и не отключать тест через 2 часа. Если прошло достаточно времени (статистическая значимость достигнута), откатывайтесь к старой версии. Затем анализируйте Вебвизор новой версии. Возможно, вы слишком усложнили форму заявки (добавили 5 полей вместо 2), или сломалась мобильная верстка на определенных устройствах. Если технически всё ок, значит, новое УТП оказалось слабее старого или отпугнуло аудиторию (например, вы слишком акцентировали внимание на премиальности, а трафик был эконом-сегмента).
Б) Трафик мусорный (Отказы 80%+ в первые 3 секунды)
- Решение: Проблема не в лендинге. Остановите переписывание и идите в рекламный кабинет. Скорее всего, вы показываете объявление не той аудитории, либо заголовок объявления не совпадает с заголовком лендинга (разрыв релевантности). Если в рекламе вы обещаете «Бесплатный аудит», а на лендинге написано «Купите консалтинг за 100 000 руб.» — люди уйдут мгновенно. Обеспечьте связку: Объявление -> Первый экран лендинга = Единый смысл.
В) Продукт объективно слабее конкурентов (по цене, качеству, условиям)
- Решение: Копирайтинг не лечит плохой продукт. Если вы продаете то же самое, но на 30% дороже и с долгой доставкой, лендинг не спасет. Развилка: либо менять продукт (бизнес-модель), либо искать узкую нишу/микро-сегмент аудитории, для которых важны неочевидные факторы (например, вы дороже, но берете на себя всю бумажную волокиту — продавайте отсутствие головной боли, а не товар).
Г) Сложный B2B продукт с долгим циклом сделки
- Решение: Не пытайтесь продать продукт «в лоб» на лендинге. Если вы продаете ERP-систему за 10 миллионов рублей, кнопка «Купить сейчас» вызовет смех. Сместите цель лендинга на легкий шаг: «Скачать кейс внедрения в вашей отрасли», «Записаться на демо-презентацию», «Рассчитать окупаемость (ROI)».
Д) Нет бюджета на дизайнера, лендинг собран “на коленке”
- Решение: Дизайн вторичен, если текст и смыслы бьют точно в цель. Используйте базовые шаблоны Tilda, Readymag или WordPress. Уберите вообще все отвлекающие элементы. Сделайте лендинг в стиле «Письмо основателя» (Long-form sales letter) — просто черный текст на белом фоне, с понятной структурой, сильным заголовком и простой формой внизу. Это часто конвертит лучше сложных анимаций.
6. Шаблоны и таблицы
Заголовок раздела «6. Шаблоны и таблицы»Таблица 1: Бинго корпоративного булшита (До/После)
Используйте эту таблицу как чек-лист при аудите ваших текстов.
| Мусорная формулировка (Удалить) | Причина почему это не работает | Сильная формулировка (Как переписать) |
|---|---|---|
| Индивидуальный подход | Звучит как клише, не несет конкретики. | За каждым проектом закреплен менеджер и техлид, с которыми у вас прямой чат в Telegram. |
| Широкий ассортимент | Непонятно, насколько широкий. | 15 000 наименований в каталоге, 98% всегда в наличии на нашем складе в Москве. |
| Высокое качество | Все так говорят. Никто не пишет “у нас низкое качество”. | Брак < 0.3%. Если найдете дефект, курьер привезет замену бесплатно за 2 часа. Гарантия 3 года. |
| Команда профессионалов | Абстракция. Кто эти люди? | Наши хирурги провели более 500 успешных операций по имплантации. Стаж каждого — от 10 лет. |
| Быстрая доставка | Понятие “быстро” у всех разное. | Привезем горячую пиццу за 45 минут или отдадим заказ бесплатно. |
| Оптимальные цены | Страх назвать реальную цифру отпугивает. | Цены от 5 000 руб./кв.м. Фиксируем смету в договоре, без скрытых доплат. |
| Динамично развивающаяся компания | Штамп из 2000-х, клиенту плевать на ваше развитие. | На рынке с 2015 года, открыли 40 филиалов, обслуживаем 100 000+ клиентов ежемесячно. |
Шаблон: Чек-лист идеального Первого Экрана (Hero Section)
Откройте ваш лендинг и отметьте галочками, что у вас есть:
-
Понятный оффер в H1: За 3 секунды понятно, ЧТО вы продаете и КОМУ. * [ ] Усиление в подзаголовке: Раскрыта механика, снято главное возражение или добавлена выгода (как именно мы это делаем). * [ ] Релевантное фоновое изображение / видео: Иллюстрирует продукт в действии, результат использования или счастливого клиента (без стоковых фото!). * [ ] Призыв к действию (CTA): Яркая, контрастная кнопка с глаголом («Скачать», «Рассчитать», «Записаться»).
-
Снятие стресса у кнопки: Рядом с кнопкой есть микро-текст (например: «Это бесплатно», «Мы не шлем спам», «Займет 1 минуту»). * [ ] Контакты в шапке: Телефон (кликабельный!), мессенджеры, время работы. Для локального бизнеса — адрес. * [ ] Дескриптор (в левом верхнем углу): 2-3 слова рядом с логотипом, объясняющие, куда попал человек (например: «Оптовая база стройматериалов в Екатеринбурге»).
Шаблон: Структура P.A.S. (Problem, Agitation, Solution)
Отличная структура для лендингов, продающих решение боли.
- Problem (Проблема): Четко называем боль. «Устали сливать бюджет на Яндекс.Директ без заявок?»
- Agitation (Усугубление): Сыпем соль на рану, показываем последствия. «Каждый день вы платите за клики ботов. Конкуренты забирают горячих клиентов, пока ваш CPA улетает в космос, а отдел продаж сидит без работы.»
- Solution (Решение): Представляем наш продукт как спасение. «Внедряем анти-фрод систему и пересобираем семантику за 3 дня. Платите только за квалифицированные лиды.»
7. Метрики контроля
Заголовок раздела «7. Метрики контроля»Переписывание лендинга — это не творчество, это инженерия. Успех измеряется исключительно в изменении метрик.
Первичные метрики (North Star Metrics для лендинга):
- CR (Conversion Rate) / Конверсия в лид: Процент посетителей, совершивших целевое действие (оставили заявку, позвонили, написали в чат). Главный индикатор здоровья страницы.
- CPA (Cost Per Action) / CPL (Cost Per Lead): Стоимость привлечения одного лида. Переписывание лендинга должно снижать эту цифру, делая рекламу более рентабельной.
- Конверсия в квалифицированный лид (SQL): Самая важная бизнес-метрика. Если общая конверсия выросла, но 90% лидов — это школьники без денег (потому что вы написали “БЕСПЛАТНО” огромным шрифтом), вы сделали хуже. Новый текст должен отсекать нецелевых клиентов.
Вторичные (микро-метрики для диагностики):
- Bounce Rate (Показатель отказов): Процент тех, кто ушел с первого экрана без взаимодействия. Если после редизайна он упал с 70% до 40% — вы отлично поработали над заголовком и релевантностью трафика.
- Глубина скролла: Как далеко люди читают. Если старый лендинг читали до 2-го блока, а новый досматривают до прайса (6-й блок) — архитектура убеждения работает.
- Время на сайте: В идеале должно вырасти для сложных продуктов (люди вчитываются) или снизиться для простых (быстро поняли суть и оставили заявку). Оценивайте в контексте ниши.
- Click-Through Rate (CTR) кнопок: Процент кликов на CTA-кнопки от общего числа просмотров блока.
Как мониторить: Создайте дашборд (в Яндекс Метрике или Google Data Studio), где эти метрики выводятся в реальном времени. Сравнивайте когорты: неделя до изменений vs неделя после изменений (с учетом сезонности и дней недели).
8. Антипаттерны
Заголовок раздела «8. Антипаттерны»Чего категорически нельзя делать при переписывании слабого лендинга (смертные грехи CRO - Conversion Rate Optimization):
- Дизайн ради дизайна (Синдром Dribbble): Заказ модной, перегруженной анимациями, параллаксами и нестандартным скроллом страницы. Это выглядит круто в портфолио дизайнера, но конверсия падает до нуля, потому что пользователю сложно считывать информацию, а сайт грузится 15 секунд. Лендинг должен быть утилитарным.
- Смена всего и сразу без замеров: Если вы одновременно поменяли рекламный оффер, переписали весь текст, сменили дизайн, поменяли цвета и переехали на другой домен — при падении конверсии вы никогда не узнаете, что именно стало причиной. Вносите глобальные изменения, но тестируйте их изолированно через A/B тесты.
- Слепое копирование конкурентов: Вы зашли к лидеру рынка и скопировали его лендинг 1 в 1. Проблема в том, что у лидера может быть гигантский бренд-трафик (его и так купят), и его лендинг может иметь ужасную конверсию, но он компенсирует это миллионными бюджетами. Вы копируете чужие ошибки. Делайте свое исследование.
- Фокус на характеристиках, а не на выгодах (Features vs Benefits): Писать “Процессор A15 Bionic, 8 ГБ ОЗУ” вместо “Приложения открываются мгновенно, батареи хватит на весь день даже при игре в тяжелые игры”. Клиенту нужна дырка в стене, а не дрель на 800 Вт.
- Фальшивый дефицит и счетчики (Fake Urgency): Тикающие счетчики “До конца акции осталось 12 минут” на товарах, которые не являются дефицитными, работают только на самую неискушенную аудиторию. В 90% случаев это вызывает баннерную слепоту и отторжение (особенно если обновить страницу и счетчик запустится заново).
- Стена текста (Wall of Text): Полотна абзацев по 10 строк без заголовков, выделений жирным, списков и буллитов. Никто не читает в интернете, люди сканируют взглядом по F-паттерну. Дробите текст. Одна мысль — один абзац (2-3 строки максимум).
- Перегруженная форма заявки: Запрашивать имя, фамилию, email, телефон, название компании и ИНН для подписки на бесплатную рассылку. Каждое лишнее поле в форме снижает конверсию на 10-20%. Оставьте минимум (телефон или email). Остальное выяснит менеджер при звонке.
9. Что должно получиться на выходе
Заголовок раздела «9. Что должно получиться на выходе»Результат применения этого плейбука — не просто “новый текст в ворде”, а измеримый бизнес-результат и набор артефактов:
- Документ “Аналитика отказов”: Файл с описанием проблем старого лендинга (тепловые карты, узкие места, нерелевантный трафик).
- Таблица возражений и смыслов: Сводка из кастдева (отзывы, звонки сейлзов), переведенная в аргументы для текста.
- Прототип (Wireframe): Черновой макет нового лендинга (в Figma, Miro или на бумаге) с прописанными текстами, заголовками и расположением кнопок.
- Запущенный A/B тест: Настроенный эксперимент, где трафик делится между старой и новой версией страницы.
- Финал: Новый лендинг, запущенный в основной (master) ветке трафика, который показывает стабильный рост CR (Конверсии) минимум на 20-30% от базового уровня, при сохранении или снижении стоимости лида (CPL).