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

Провели маркетинговое исследование

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

Провели аудит

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

• Нет чёткого фирменного стиля (отсутствие лого, корпоративных цветов и шрифтов)

• Отсутствие навигации (нет шапки и любых других активных элементов)

• Непонятное УТП (тезис «Надёжная строительная компания» верный, но не даёт клиенту полного понимания деятельности и не вызывает доверия)

• Отсутствие CTA (первый экран не предполагает никакого соприкосновения с клиентом: нет ни кнопки, ни номера телефона, ни мессенджеров)

Такое количество недостатков на первом экране «убивает» конверсию всего сайта.

Разработали прототип

На этапе аудита мы сформировали понимание того, что нужно для повышения первого экрана и приступили к прототипированию. На этом этапе мы:

• Наладили структуру (добавили полноценное меню, описание, кнопку)

• Сформировали УТП (ещё на этапе исследования оказалось, что наши клиенты — лидеры в довольно узком сегменте строительства в области связи; помимо правильного позиционирования мы также добавили в заголовок информацию о гарантии для увеличения доверия)

• Добавили преимущества (собрали самые важные преимущества и упаковали их в короткие тезисы, которые помогут повысить уровень доверия у клиентов)

Создали дизайн

• Выбрали новые цвета и шрифтовые пары (которые подходят бренду и их можно будет использовать далее на всём сайте)

• Совместно с нашими партнёрами обновили логотип бренда

• Поэкспериментировали с фоном (решили протестить версию с фото сетей связи, а также необычным градиентом)

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