Цель и решаемые задачи

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

Основные этапы проекта

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

Анализ целевой аудитории и точек принятия решений. Решаемые проблемы.

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

Проблемы существующего решения (при редизайне)

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

Прототип и техническое задание

Готовим прототип сайта в Axure. 

Прототип в Axure

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

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

Прототип главной страницы

Начинаем готовить прототип страницы «Производство». Изучаем аналитику с текущего сайта, где страницу просматривают только до середины. Обсуждаем с заказчиком реальные вопросы партнеров по поводу производства. Выделяем 2 основных показателя, которые интересны целевой аудитории. Формулируем их в виде коротких ответов на вопросы, интересные посетителям. Добавляем иллюстрации с производства — их готовит один из партнеров компании Е1 по работе с медийными материалами. 
Согласовываем окончательный вариант. 

Прототип страницы «Производство»

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

Прототип страницы «Доставка»

Есть гипотеза, что для подобной целевой аудитории стоит дать некое «резюме» — что им предлагает компания «Е1», т. к. не всем понятны детали. Для этого проектируем страницу «Наше предложение». 
Как в дальнейшем показала аналитика, это оказалась самая посещаемая страница из внутренних на сайте и одна из самых конверсионных. Т. е. гипотеза оправдалась на 100%. 
Согласовываем подготовленный вариант прототипа.

Прототип страницы «Наше предложение»

Готовим прототип страницы контактов. Здесь все просто, но заказчик хочет, чтобы для тех, кто покупает мелким оптом, были отдельные контакты.

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

Согласовываем прототип страницы.

Прототип страницы «Контакты»

Также показываем на прототипе структуру и содержание модальных окон.

Прототип модальных окон
Дизайн

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

Дизайн-макет главной страницы

Ждем и согласовываем внутренние страницы. 

Дизайн-макет страницы «Производство»

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

Дизайн-макет страницы «Доставка»
Дизайн-макет страницы «Предложение»
Дизайн-макет страницы «Контакты»
Дизайн-макет модальных окон
Фронтенд- и бэкенд-разработка

Отдаем макеты и прототип заказчику, ждем реализации. Тестируем и отправляем ему список правок. 

Настройка аналитики

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

Результат

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

Скриншоты из аналитической записки

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

Скриншоты из аналитической записки
В ходе проекта было сделано
  • Аналитическая записка (анализ проблем на текущем сайте и варианты решений при редизайне)
  • Спроектирована информационная структура и проанализированы основные сущности на сайте исходя из задач целевой аудитории
  • Спроектировано 6 прототипов уникальных страниц и прототипы модальных окон
  • Написано техническое задание на реализацию проекта
  • Создано 6 дизайн-макетов уникальных страниц, макеты модальных окон
  • Настроена аналитика

Сроки реализации 4 месяцев 2016 года

Продающий B2B сайт компании E1 для поиска партнеров

Связаться с нами