Как создать хороший лендинг? Есть пять правил

Лендинг — это про конкретную задачу. Если у тебя есть понятная цель, нужна понятная страница. Собрать данные для акции, рассказать о новом продукте, показать и сразу продать, зарегистрировать на событие — выбери свой вариант. 

Не хвастаемся, но один из наших проектов попал в рейтинг лучших лендингов — примеры в статье.

Как понять, что лендинг получился? 

У лендинга есть цель

Каждый удачный лендинг начинается с четко поставленной задачи.

Если цель — собрать заявки, лендинг должен подталкивать к действию. На виду размещаем кнопки с яркими призывами: «Оставить заявку», «Получить консультацию».

Если задача — поддержать имидж компании, фокус делаем на визуальной эстетике и эмоциональном воздействии. Такой лендинг вызывает доверие и «западает в душу».

К действию призывают сразу две кнопки, причем в разных формулировках. // Лендинг из топа Made on Tilda для компании Easy Delivery App.

У лендинга органичный дизайн

Дизайн — это первое, что видит пользователь. Визуал должен быть безупречным.

Проверь:
— цвета, шрифты и стиль страницы перекликаются с общей айдентикой бренда,
— кнопки выделяются, но не отвлекают от основного контента,
— пользователь сразу понимает, куда кликнуть.

Дизайн должен вызвать желание остаться на странице. Но не вызывать эпилепсию кучей анимаций и сложных элементов.

Каждый элемент дополняется другим и выдерживает стиль бренда. // Лендинг для ТОЛКа.

Лендинг быстро открывается

Пользователи не хотят ждать больше трех секунд. Если загрузка затягивается, они закрывают страницу.

Чтобы сайт быстро открывался:
— используй сжатые изображения и видео,
— убери лишние скрипты и анимации, 
— настрой кеширование и минимизацию кода.

Проверяй скорость загрузки на Google PageSpeed Insights.

Лендинг нормально выглядит на телефоне

Даже это ты наверняка читаешь с телефона. Так что:
— текст и кнопки должно быть видно без зума,
— все элементы на своих местах, ничего не «вылетает» за пределы экрана.

Проверить получится только тестом на разных устройствах. Как говорится, отправь эту ссылку другу.

На смартфоне лендинг сохраняет структуру. // Лендинг для «Лига бокса: на кулаках».

Продуманный текст и минимализм

Текст в лендинге — главный способ удержать внимание. Заголовки должны быть понятными, а тексты — без лишней воды. На лучших сайтах-лендингах пользователь сразу понимает, что ему предлагают.

Ценность — на первый план. Покажи выгоду: «Скидка 20% при заказе до конца недели». Второстепенные мысли выражай лаконично. Меньше текста, больше пространства и визуальных акцентов.

Вместо полотна текста — четыре главных факта. // Лендинг для детской киношколы «Пушка».

Подытожим?

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