Перейти к основному содержимому

Вопрос-ответ Лендинги

Как создать современный лендинг для сайта?

Андрей, Владивосток 2,2 тыс. просм.

Хочу сделать лендинг для запуска нового продукта, но насмотрелся старых шаблонных страниц у конкурентов - фото команды, потом отзывы, потом форма - и не хочу такое же. Что вообще сейчас считается современным лендингом и на что смотреть, чтобы не получить то же самое, что у всех?

Елена Захарова UI/UX-дизайнер

ответил

эксперт

Современный лендинг - это не про конкретный набор модных блоков, а про чёткую структуру под одно целевое действие: один оффер, один сценарий чтения от проблемы клиента к решению и призыву, минимум отвлекающих ссылок и разделов, не относящихся к продукту. Шаблонность, о которой вы говорите, обычно идёт не от самого набора блоков (отзывы и команда - это нормально и работает), а от того, что блоки собраны без логики именно под ваш продукт и аудиторию.

Из того, что действительно отличает лендинги последних лет от шаблонов пятилетней давности: меньше декоративных элементов ради красоты и больше внимания к первому экрану - человек должен за несколько секунд понять, что вы предлагаете, кому и почему это решает его проблему, без прокрутки. Вместо стоковых фотографий "улыбающиеся люди в офисе" чаще используют реальные скриншоты продукта, фото своей команды или процесса работы - это лучше конвертирует именно потому, что выглядит настоящим, а не универсальным.

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

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

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

Подробный разбор Сколько стоит лендинг: из чего складывается цена
Все вопросы темы

Задать свой вопрос

Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.

Похожие вопросы

Все вопросы темы «Лендинги»

Нужен сайт или доработка?

Опишите, что нужно сделать. Вернёмся с расчётом и предложением по структуре.