← Все статьи
Запуск15 мар 2025·7 мин чтения

7 элементов дизайна, которые удвоили конверсию лендинга

Разбираю конкретные UI-решения, которые реально повлияли на кнопку «Оставить заявку».

Кейс: лендинг для школы иностранных языков. Конверсия выросла с 1.8% до 4.1% после редизайна. Вот что конкретно сработало.

1. Конкретный оффер в заголовке

Было: «Английский для взрослых». Стало: «Заговорите на английском за 3 месяца — или вернём деньги». Заголовок должен содержать: что получит клиент + за какое время + гарантия или доказательство.

2. Одна CTA-кнопка выше fold

Пользователь не должен скроллить чтобы оставить заявку. Кнопка в первом экране — обязательно. Причём одна: «Записаться на пробный урок», а не три разных действия.

3. Социальное доказательство рядом с кнопкой

Добавили под кнопкой: «Уже 240 учеников сдали IELTS». Конверсия кнопки выросла на 30%. Люди принимают решения социально — покажи что другие уже выбрали тебя.

4. Процесс вместо списка преимуществ

Секция «Как мы работаем» с пошаговым процессом конвертирует лучше, чем список преимуществ. Клиент понимает что именно произойдёт после нажатия кнопки — это снижает тревогу.

5. Цена с контекстом

Было: «3 500 ₽/мес». Стало: «3 500 ₽/мес — это 2 чашки кофе в день» + сравнение с репетитором (8 000+ ₽/час). Цена не в вакууме, а в сравнении — снижает барьер принятия решения.

6. Минимум полей в форме

Убрали поля «Город», «Уровень языка», «Откуда узнали». Оставили только имя и телефон. Конверсия формы выросла в 2.3 раза. Каждое лишнее поле — это потеря ~10% заполнений.

7. Скорость загрузки

PageSpeed до редизайна: 41. После: 94. Каждая секунда задержки снижает конверсию на 7% (данные Google). Оптимизировали изображения через WebP, убрали 3 лишних шрифта, включили lazy loading для всего ниже fold.

Результат
Конверсия: 1.8% → 4.1% (+127%)
PageSpeed: 41 → 94
Конверсия формы: +130%
Время на сайте: +45%
Нужно что-то похожее?
Обсудим вашу задачу — отвечу в течение часа.
Обсудить проект ↗