Редизайн маркетплейса автомобилей с пробегом

Заказчик«Евразия Эксперт», одно из подразделений холдинга «Евразия Моторс» — безоговорочный лидер рынка Сибири по продаже автомобилей с пробегом.ЗадачаРедизайн крупного маркетплейса автомобилей с пробегом. Основной акцент на мобильной версии.

С чего мы начали

В 2020 году дизайн 2009 года не может конвертить трафик по определению. Хотя бы потому что пользователи уже привыкли к различным элементам интерфейса, серьезно облегчающим жизнь, на сайтах более расторопных конкурентов. Особенно в нише продажи авто с пробегом, где все позиции занимают крупные порталы, такие как Drom.ru и Auto.ru

Какой был дизайн до начала работ:

8c5943581b3bbccb31de4e16dab0ad9d.png

Тезисно, редизайн был необходим по двум причинам:

  • Сайт абсолютно не подходил под мобильные устройства, хотя больше половины (52%!) пользователей заходили как раз с мобильных устройств.

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

Планируем стратегию, осмысляем бриф, визуализируем мокапы!

Что необходимо просто и доходчиво донести до пользователя?

  • Информацию об услугах. Их у заказчика всего две: продажа (страницы каталога и карточки товаров) и покупка (страницы «Срочный выкуп» и TradeIn) авто с пробегом.
  • Информацию о компании, достаточную, чтобы снять любые сомнения (страницы «Компания», «Парнтеры» и «Контакты»).

При этом структура сайта должна быть максимально простой и понятной.

9901a686769e623dae9f6bb38199f711.png

Анализ поведения пользователей показал, что большая (а значит, приоритетная) часть трафика приходит с федеральных агрегаторов (известных всем Drom, Auto.ru, Avito). Чтобы подстроиться под этого потенциального клиента, мы взяли за основу навигационную концепцию именно этих сайтов, ломая таким образом коммуникационный барьер с покупателем и с ходу предлагая ему привычный и интуитивно понятный интерфейс.

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

Принцип mobile first design

Поскольку доля мобильного трафика составила более 52%, вопрос о приоритете версий отпал сам собой. Тут мы не первопроходцы, принцип mobile first design давно стал одним из главных трендов современного веб-дизайна. По-русски это значит, что основные концептуальные элементы сайта разрабатываются как раз под мобильные устройства, а потом этот функционал адаптируют под бразуерную версию.

Медленные сайты не любит никто: ни пользователи, ни поисковики. Поэтому, используя парочку авторских и секретных фич, мы смогли повысить скорость загрузки сайта в 8(!) раз.

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

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

Как завоевать доверие клиента мирными способами?

Если дизайн не вызывает доверия — это плохой дизайн. Где чаще всего прокалываются сайтостроители? Хороший пример — это «Эффект Чернобыля», массовое «заболевание» сайтов о стоматологии. Основа визуального позиционирования там — это детальные изображения страшных бур-машин и хирургических инструментов, способные отпугнуть любого. Это может быть интересно профессионалу, yо уж никак не настроит целевого пользователя на позитивный лад.

c1e9edad3ce75c042ca479bdd1e730ab.png

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

Результат | Выпускаем нашего Рэмбо в поля

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

8357f945c809c702111132a2a0e46e61.png

Подведем итоги: Чтобы измерить эффективность проделанной работы сравним несколько основных показателей по метрике. При этом используем для измерения период в несколько месяцев:  

  • Отказы на мобильный устройствах уменьшились в 2 раза (с 22,4% до 10,7%)
  • Общая конверсия (CR) сайта увеличилась почти в 2 раза (с 2,12% до 4,77%)
  • Как долгосрочный результат хорошей структуры сайта мы считаем cреднее количество посетителей сайта на +36% 

Перейти на сайт

Полный текст статьи читайте на CMS Magazine