Сайт для лидера рынка по производству спецтехники из стали и гидравлики

Заказчик

Компания Смартэко – инжиниринговая компания, выпускающая автовозы, эвакуаторы, автомобили с КМУ, бортовые и самосвальные платформы, бункеровозы и прицепы.

Задача

Разработать новый сайт по продаже модельного ряда спецтехники для частных лиц и корпоративных клиентов. На сайте должна быть реализована многоступенчатая воронка продаж и правильная архитектура UX. Сайт должен быть SEO оптимизирован. Должна быть отдельная мобильная версия сайта с урезанным функционалом, но без потери первоначальной архитектуры.

Анализ и архитектура

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

Далее отрисовали и презентовали прототипы 30 страниц. Описали для какой цели служат те или иные элементы и по какой цепочке они ведут пользователя до заявки.

Дизайн-концепция

В цветовую схему сайта вошло сочетания белого, бардового и темно-синего цвета.
Создали серию иллюстраций и иконок.

Удалили фон, отредактировали свет и тень более чем у 300 фотографий автомобилей.
Эти изображения находятся на каждой странице категории.

Создали серию 3-D моделей автомобилей, также автомобильных надстроек: подъемные конструкции, погрузочные платформы и лебедочные механизмы. Изображения используются на сайте в конфигураторе спецтехники.

Программирование и UX

CMS

В нашем случае структура корпоративного сайта это интернет-магазин, только без возможности добавления товаров в корзину. Всю разработку было решено делать на базе WordPress CMS с подключенным плагином Woocommerce. Система хорошо оптимизирована для SEO продвижения.

Быстрый поиск по марке

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

Умный фильтр

У каждого товара (автомобиля) есть список технических характеристик: Грузоподъемность, Тип платформы, Тип КМУ и т.д. На основе этих характеристик мы разработали модуль умного поиска, который помогает посетителям отфильтровать все товары по указанным параметрам. Пункты фильтра заполняются автоматически, исходя из характеристик всех автомобилей.

Интерактивный конфигуратор

Частные клиенты могут сомневаться, какая именно комплектация надстроек на авто необходима им для работы. Для того, чтобы наглядно продемонстрировать, как будет выглядеть автомобиль с надстройками, мы разработали специальный конфигуратор. С помощью него посетитель может собрать конфигурацию Эвакуатора, Бункеровоза, Бортового автомобиля, Самосвала или Автомобиля с КМУ. Конечное изображение собирается из 25 3-D моделей при выборе пунктов в меню.
Когда финальная конфигурация готова, для посетителя формируется ссылка на категорию спецтехники с выбранными параметрами.

Аналитика уходов с сайта

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

Умная подстройка

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

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

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

Мобильная версия

Мобильная версия - это отдельный урезаный сайт. Он максимально оптимизирован для SEO продижения, быстро загружается.

В верхнее меню добавили иконки мессенджеров. При нажатии открывается приложение Viber или WhatsApp, начинается чат с компанией.

Для мобильной версии написали модуль "НЕДАВНО СМОТРЕЛИ" (1 изображение) - все просмотренные страницы спецтехники сохряются у посетителя и попадают в слайдер модуля.

В итоге

Успешно реализовали проект со сложной архитектурой и множеством микровзаимосвязей между элементами. Все работает как часы.
Более 50 уникальных страниц и 5 PDF файлов
Высокая конверсия
Сайт отлично продвигается в SEO

Ссылка на проект -