Перейти к содержанию
  • the.bunin
    the.bunin

    5 ошибок, которые не стоит допускать при создании лендинга

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

    Почему так происходит? Есть один простой и очень важный момент, которые многие упускают:

    Главная цель любого лендинга — это продать продукт, услугу или идею.

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

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

    Желание максимально использовать тренды

    В этой статье мы собрали 5 основных ошибок, которые допускаются при создании лендингов.

    1. Желание максимально использовать все существующие тренды

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

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

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

    Большой объём текста

    2. Большой объем текста

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

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

    Как составить подходящий текст для лендинга?

    • Максимально сокращайте длинные абзацы, используйте короткие и броские предложения с самой важной информацией. Некоторые блоки, например отзывы, можно разделить на 2 части.
    • Процентное соотношение текста и графических материалов должно составлять 50/50. Разбавляйте текст картинками и визуализацией данных (например, графиками), иначе текстовый блок будет выглядеть скучно, и его не захочется читать.

    Переизбыток CTA-кнопок

    3. Переизбыток CTA-кнопок

    Здесь главное правильно, которым нужно руководствоваться – чем меньше, тем лучше. Если под каждым блоком сайта будет появляться кнопка «call to action» (призыва к действию), она быстро начнет раздражать посетителя сайта, и не только не увеличит конверсию, но и сработает наоборот:

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

    4. Запутанная и сложная навигация

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

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

    • Прокрутка вниз – это просто, удобно и привычно. 100% лучший вариант для лендинга.
    • Не изменяйте навигацию в угоду креативности и нестандартности – это не оправдает ваши ожидания.
    • Посетители привыкли прокручивать вниз, нажимать на кнопку “купить”, чтобы оформить заказ и прочее - не надо усложнять им эти процессы.

    Сложная навигация

    5. Отсутствие пользовательских тестов

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

    Помните, одной из основных особенностей одностраничных сайтов типа «лендинг» — это постоянная необходимость владельцу обращать на него внимание. 

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

    Если вы задаетесь вопросом, нужна ли вам команда экспертов, которые проанализируют структуру сайта и дадут рекомендации по улучшению юзабилити, отвечаем – нет. Вы можете самостоятельно отслеживать действия посетителей на вашем сайте и изучать ситуацию. Для этого можно установить простые инструменты для сбора статистики (например, Hotjar), и анализировать взаимодействия потенциальных покупателей. Такая статистика очень полезна, она даст вам возможность проработать возможные ошибки в дизайне или навигации, исправить их и повысить продажи. Человек с небольшим опытом в дизайне и разработке сайтов, или даже вовсе без них, легко разберется в этих данных, и сделает правильные выводы. 

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

    Итак, подытожим – для того, чтобы лендинг приносил свои плоды, нужно следовать всего нескольким основным правилам: умеренность во всем, простота и соблюдение гармонии в сочетании всех элементов дизайна.  

    Обратная связь

    Рекомендуемые комментарии

    Спасибо за хороший гайд  для лендинга! Мне, как новичку, было очень полезно всё это узнать!

    Ссылка на комментарий
    Поделиться на другие сайты



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Восстановить форматирование

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...