Как повысить конверсию сайта через дизайн в 2020 году

Нужна консультация?
Создание сайтов

Более 500 сайтов разработано

Контекстная реклама

Более 500 успешных клиентов

Продвижение сайтов

Более 1000 ключевых слов в ТОП10

Половина интернет-пользователей составляет мнение о компании на основании дизайна сайта. Если людям не нравится его внешний вид, то даже удачный контент не удержит внимание, и посетители не превратятся в клиентов. Продумав хороший дизайн на этапе запуска или вскоре после него, можно повысить конверсию сайта в среднем в 70 (!) раз. В статье мы расскажем, как это сделать.

 

Главные принципы

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

 

Наладьте навигацию

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

  1. Составьте информативное главное меню. Пусть разделы «Каталог», «Продукция» или «Услуги» выделяются среди остальных. Не забудьте про «Цены»: туда пользователи заглядывают чаще всего перед принятием решения о совершении целевого действия.
  2. Сделайте дополнительные внутренние меню. Не перегружайте главную страницу лишними панелями: пусть их видят те, кто пошли изучать основные страницы каталога.
  3. Выделяйте пункт, где пользователь находится в данный момент. Люди «гуляют» между товарами и могут забыть, где уже были до этого, а куда еще не заходили. Не давайте им заблудиться.
  4. Если планируете повысить конверсию интернет-магазина через дизайн сайта, расставьте повсюду кнопки «Добавить в корзину», кнопку связи с менеджером в чате и другие инструменты для генерации лидов.

конверсия через дизайн

Используйте оригинальные живые фотографии — им доверяют

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

Еще уникальные картинки способствуют оптимизации сайта и его высокой оценке поисковыми системами

 

Ставьте только самые необходимые баннеры

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

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

 

Делайте выбор за клиента

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

  • составляйте подборки товаров с похожими характеристиками;
  • в конце статей рекомендуйте пройти по таким же или по недавно опубликованным;
  • добавьте на товары яркие бирки «Хит», «Скидки», «Новинка» — это повышает продажи и ориентирует людей по ассортименту;
  • используйте социальное доказательство — например, вешайте отзывы других пользователей.

 

Геймифицируйте

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

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

 

Используйте контрпространство

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

Например:

  • увеличьте расстояние между буквами основного текста, чтобы статьи читались легче;
  • во время верстки выставьте межстрочный интервал 1,5;
  • разбивайте длинные абзацы на мелкие: пользователи дочитают правильно структурированную статью, и это положительно повлияет на количество лидов;
  • отделяйте большие элементы широкими полями, задавайте широкие отступы.

дизайн сайта

Элементы юзабилити, влияющие на конверсию сайта

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

 

Ставьте номер телефона в международном формате

Например, это выглядит так: +7 (7000) 12-34-56. Где бы ни находился ваш потенциальный клиент, при желании что-то спросить или заказать он должен сделать это в один клик. Если номер будет некорректным, пользователь поленится исправлять его и пойдет к более заботливым конкурентам.

 

Сделайте поиск функциональным

Не мучайте людей десятками фильтров, которые они должны задавать перед тем, как что-то увидят в выдаче. Сразу покажите пример поискового запроса, по которому они что-нибудь найдут на сайте: шины для BMW X5, наращивание ногтей, лицензия 1С Торговля, розы с доставкой по Москве.

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

 

Поставьте яркую кнопку для совершения целевого действия

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

Кнопка должна вписываться в дизайн сайта, чтобы нравиться, а не раздражать.

 

Упростите корзину

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

 

Настройте перелинковку

С помощью перелинковки можно повысить конверсию:

  • Подумайте, зачем пользователи приходят к вам, и что ищут. Воспользуйтесь сервисом для майнд-карт типа XMind, FreeMind или iMindMap и добейтесь понятной структуры страниц: центр — категории — статьи / продукция.
  • Не допускайте вложенности страниц дальше трех кликов: люди запутаются.
  • Пусть с главной страницы пользователи попадают во все важные категории сайта в один клик.
  • Проведите базовую оптимизацию сайта: составьте набор релевантных ключей и тематических ссылок для каждой страницы. Это можно сделать в автоматическом сервисе Key Collector. Или подобрать ключи вручную через Яндекс: введите в поисковик ключевой запрос, оператор «site:» и ресурс, переходите по всем ссылкам в списке выдачи и смотрите на слова, выделенные жирным.
  • Расставьте ссылки — анкорные (с ключами) и безанкорные (без ключей) — в соотношении 50 : 50. Составляя ссылки, соблюдайте правила русского языка и делайте их информативными: пусть пользователи понимают, куда их направляют.

 

Выводы

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