Как создать лендинг для своего проекта

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

Что такое лендинг

Лендинг — это сайт, который состоит из одной страницы и призывает пользователя что-то сделать. Например, подписаться на рассылку, купить билет на конференцию или отправить резюме. Для этого созданы все условия: вся информация на одной странице, каждый блок подводит к целевому действию и есть кнопка. Человеку не нужно переходить на другие страницы и что-то искать.

На лендинге ничего не отвлекает от целевого действия, поэтому он лучше подходит для продвижения конкретных предложений и рекламы

С чего начать создание лендинга

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

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

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

Как собрать лендинг

Вы изучили целевую аудиторию и подготовили иллюстрации. Осталось продумать структуру и создать страницу. На Vigbo это просто: у нас есть шаблоны для одностраничников и большая библиотека готовых блоков. Это заготовки, в которых нужно только заменить текст и фото — все остальное продумали дизайнеры. Можно выбирать любые блоки и комбинировать их друг с другом. Начнем?

1. Обложка

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

Начнем с картинки. Она привлечет внимание раньше текста, поэтому постарайтесь сразу создать нужное настроение. Поставьте на обложку хорошую фотографию или атмосферное видео. Для оформления этой части страницы отлично подойдет слайдер или обложка из «Базовых блоков». Если приглашаете на работу, удачной фотографией для обложки будет ваша дружная команда. Продвигаете кафе — покажите аппетитные блюда. И вам не нужно будет об этом писать — фотография скажет сама.

Перейдем к тексту. В основе будут ответы на вопросы «Что вы предлагаете?» и «Для кого?» В заголовке сформулируйте пользу, которую получит клиент, а в подзаголовке напишите детали, которые дополнят ваше предложение.

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

Мы использовали слайдер и разместили кнопку, которая ведет к форме в конце лендинга — она нужна для тех, кто сразу заинтересовался или зашел повторно

2. Рассказ о проекте

Приступаем к самому главному — рассказу о своем проекте. Для этого можно использовать любые блоки: просто текст, текст и картинку, плитку или список с иконками — все, что поможет понятно ответить на вопрос «Что вы предлагаете?»

Постарайтесь говорить не о свойствах продукта, а о выгодах, которые клиент получит. Например, покажите, как изменится жизнь пользователя, если он купит ваш товар или закажет вашу услугу. Можно использовать простую формулу: «Подзаголовок блока с выгодами клиента → текст с объяснением → иллюстрация-доказательство».

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

Мы использовали текстовые блоки, чтобы рассказать о выгодах для клиента. Дополнили их блоком с фотографиями, чтобы привлечь внимание пользователей и наглядно показать результаты обработки

3. Дополнительная информация

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

Хороший ход — попытаться понять сомнения клиента, переформулировать их в вопрос и развернуто ответить. Для этого мы выбрали готовый блок из раздела «Вопрос-Ответ / FAQ».

Мы использовали готовый блок из раздела «Вопрос-Ответ / FAQ»

4. Блоки доверия

Часто пользователь уже почти готов купить, но немного сомневается в выборе. Помогите ему принять решение: например, покажите отзывы от других клиентов или познакомьте со своей командой. Добавьте фотографии, имена людей и ссылки на их страницы в социальных сетях. Это поможет показать, что ваш проект реальный и ему можно доверять.

Мы выбрали готовый блок из категории «О проекте / об авторе». Так посетители увидят, что за проектом стоит живой человек

5. Целевое действие

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

Все уже привыкли, что форма на лендингах располагается внизу. Если посетителю нравится ваш продукт и он уже принял решение, он скроллит вниз. Поэтому хорошим решением будет выделить этот блок визуально, чтобы он отличался от остальной страницы. Например, сделать заливку фона другим цветом — так он станет заметнее.

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

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

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

Подготовила Анна Акулова