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

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


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

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



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


Прототип и техническое задание
Готовим прототип сайта в Axure.

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

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

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

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

Согласовываем окончательный вариант.

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

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

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

Как в дальнейшем показала аналитика, это оказалась самая посещаемая страница из внутренних на сайте и одна из самых конверсионных. Т. е. гипотеза оправдалась на 100%.

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

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

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

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

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

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

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

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

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

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


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

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

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

В ходе проекта было создано

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

Проект был реализован в течении 4 месяцев 2016 года