Mercedes Unimog

Первый делом мы проанализировали целевую аудиторию и выделили сегменты. Определили несколько ключевых паттернов выбора техники со стороны потенциальных клиентов:

• Пользователи выбирают технику по сфере применения. Например: для охоты и рыбалки, для уборки дорог, для бурения скважин и т.п.
• Пользователи выбирают технику по ее виду. Например: автодома, коммунальная техника, самосвалы.
• Пользователи знаю марку и модель техники. Например: Mercedes Unimog, Mercedes Zetros и т.п.

Исходя из этого мы решили создать 3-х уровневую структуру каталога: по сфере применения, по виду техники, по марке. Такая структура позволит каждому сегменту ЦА быстро и просто подбирать технику.

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

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

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

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

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

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

Для этого мы вынесли на первый экран ключевые характеристики, фото и кнопки с целевыми действиями.

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

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

Все остальные характеристики сгруппированы в 5-6 разделов, которые отличаются в зависимости от категории техники. Для быстрой навигации по характеристикам предусмотрели якорные ссылки. В каждой группе категории преусмотрены раскрывающиеся списки, фотогалереи и перечни файлов для скачивания. Кнопки «Узнать цену», «Добавить в избранное» закреплены при скролле.

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

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

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

Исходя из сферы и задач клиента были выбраны минималистичные и строгие цвета, такие как: чёрный, белый и оттенки серого.

На основании визуальной составляющей разработали дизайн для остальных страниц.