Получите больше конверсий с помощью этих 5 советов по редизайну

Получите больше конверсий с помощью этих 5 советов по редизайну
Получите больше конверсий с помощью этих 5 советов по редизайну
Anonim

Вы бы не пошли на собеседование в спортивных штанах или смокинге, не так ли?

Хорошо, возможно, вы бы и сделали это, но если бы вы это сделали, то оба произвели бы неправильное первое впечатление на вашего потенциального работодателя.

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

Это должно быть привлекательно, увлекательно и убедительно.

Если это не так, вас проигнорируют, не задумываясь.

Зачем редизайн?

Редизайн - это идеальная возможность убедиться, что вы производите правильное первое впечатление, и оптимизировать пользовательский опыт для повышения конверсии.

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

И если они не доступны посетителям (особенно новым), вы не увидите желаемого улучшения после того, как потратите деньги на полный редизайн.

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

Совет №1: включите персонализацию

Мы уже говорили о персонализации электронной почты, но чтобы сделать персонализацию еще дальше, добавьте ее в путь вашего веб-сайта.

Веб-персонализация - это релевантность вашего текста посетителю. Это увеличит конверсию, продолжительность посещения и снизит показатель отказов.

Что вы можете персонализировать на своем сайте?

    1. Ценностное предложение: Ориентируйте свое ценностное предложение на образ идеального покупателя. Создание общего предложения не поможет привлечь идеального клиента и не передаст ценность вашего предложения, побуждая его продолжить.
    2. Headlines: Как только посетитель увидит заголовок, ему не нужно будет его повторять. Возьмите имеющуюся у вас информацию о них и персонализируйте ее так, как они волнуют больше всего.
    3. Умные призывы к действию: Измените то, что говорят ваши кнопки, для новых посетителей и для тех, кто уже предоставил информацию - это поможет вам предложить максимальную ценность каждому и подтолкнуть их. через воронку.
    4. Imagery: По мере того, как вы узнаете своих персонажей, адаптируйте изображения к их предпочтениям. Если у ваших персонажей разные болевые точки, измените изображения, которые они видят, чтобы лучше понять, как вы решите проблему специально для них.
    5. Смарт-формы: Если посетитель уже предоставил такую информацию, как адрес электронной почты или имя, сохраните для него несколько дополнительных шагов и заполните ее за него или полностью исключите ее из своего поля. формы. Вместо этого попросите их предоставить что-то более подробное, что поможет вам лучше узнать их с помощью прогрессивного профилирования (т.е. размер компании, доход и т. д.)
    6. Предложения: Сочетайте с вашим контентом только релевантные предложения - вы уже знаете, что им интересна рассматриваемая тема. Не отклоняйтесь от этого и дайте им то, что, как вы не знаете, они захотят увидеть.
    7. Социальное доказательство: Убедитесь, что первое, что увидит посетитель, имеет отношение к нему, его отрасли или болевой точке, чтобы быть достаточно убедительным и заставить его совершить конверсию.

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

В качестве примера возьмем Social Sprout. Social Sprout следит за тем, чтобы их предложения соответствовали тому, что посетитель читал ранее. Внизу их поста «Видеомаркетинг в Instagram: как добиться успеха» находится призыв к действию:

Они стратегически разместили это руководство вместе со своей статьей об Instagram, чтобы побудить посетителей оставить свой адрес электронной почты в обмен на еще более актуальную и полезную информацию. Если бы это была электронная книга на LinkedIn или ROI, пользователю, скорее всего, было бы неинтересно.

Совет №2: сделайте свой бренд последовательным

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

При переходе с одной страницы на другую последнее, о чем вы хотите, чтобы ваш пользователь подумал: «Я все еще на том же сайте?»

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

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

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

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

Вот лишь часть обширного руководства по стилю Skype:

Полное руководство можно посмотреть здесь.

Вот несколько ключевых элементов, на которые следует обратить пристальное внимание:

  • Шрифт
  • Цвета
  • Тон
  • Опыт навигации
  • Изображения
  • Заголовки
  • Подзаголовки
  • Пробел
  • Логотип

Совет №3: укрепляйте доверие

Мы все сталкивались с этим раньше. Мы ищем что-то в Google, заходим на сайт, а затем быстро уходим, потому что что-то показалось отрывочным.

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

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

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

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

Малейшее отвлечение может отвлечь пользователя от конверсии или даже заставить его покинуть страницу.

Совет №4: Интуитивный UX

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

Дизайн вашего сайта должен сделать следующие шаги очевидными и простыми.

Как описывает Шина Айенгар в своем выступлении на TED «Как облегчить выбор», больший выбор может привлечь внимание потребителей, но слишком большой выбор в конечном итоге отпугивает больше посетителей, чем конвертирует.

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

Чтобы направлять посетителей, попробуйте использовать:

  • Иерархия страниц
  • Визуальные подсказки
  • Цвета
  • Сравнительные таблицы
  • Кнопки

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

Посетителям не придется думать, что делать дальше. Кнопка сообщает им, какой именно следующий шаг им следует сделать (бесплатное тестирование HubSpot).

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

Или попробуйте добавить визуальные подсказки на некоторые из ваших страниц, как мы недавно сделали на нашей собственной целевой странице запроса на консультацию. Использование визуальной подсказки, например стрелки, помогает посетителям меньше думать о следующем шаге и (надеюсь) просто следовать инструкциям.

Совет №5: Скорость сайта

Согласно опросам, проведенным Akamai и Gomez.com, 57% посетителей покидают страницу, загрузка которой занимает 3 секунды и более.

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

Вот лишь несколько элементов, которые помогут увеличить скорость вашей страницы:

      • Кеширование браузера
      • Перенаправления
      • Минификация кодов
      • Неправильные запросы
      • Последовательные URL
      • Размер изображения

Вы даже можете запустить свой новый сайт с помощью таких инструментов, как WebsitePageTest, Pingdom или Google’s Page Speed Tool, чтобы проверить, находится ли ваш сайт на должном уровне. Имейте в виду, что эти инструменты оценки будут искать потенциальные проблемы, но вы сами должны решать любые проблемы, которые они выявляют.

Ключевые выводы:

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

      1. Веб-персонализация
      2. Постоянство
      3. Надежность
      4. Интуитивный UX
      5. Скорость

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