Блог Vigbo

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

Vigbo — конструктор сайтов для творцов и предпринимателей. Стильные дизайны, простое управление и техподдержка — всё для вашего сайта. Подробнее

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

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

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

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

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

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

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

Пример: лендинг вебинара по мобильной обработке фотографий.

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

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

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

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

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

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

1. Обложка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ПОСМОТРЕТЬ ЛЕНДИНГ

Запомнить

На Vigbo можно создавать лендинги для своих проектов. Мы подготовили для вас подробное руководство. Это легко и интересно, попробуйте!

Лендинг подойдет, если нужно рассказать об одном конкретном предложении. Например, пригласить на вебинар или продать билет на конференцию.

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

Рассказывать о продукте можно не только с помощью текста. Создать нужное настроение помогут правильные иллюстрации.

Делайте акцент не на самом продукте, а на том, как изменится жизнь клиента, если он его купит.

Если у вашего проекта еще нет сайта, создайте его на Vigbo. Рассказывайте о своем проекте, а о технических сложностях позаботимся мы.

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

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