Кейс по созданию сайта-каталога для компании, занимающейся подбором авто из США и других стран

Клиент: ООО “ПРАДА Моторс”
Проект url: autogarage.by

О компании: Компания “ПРАДА Моторс” – группа компаний, оказывающая широкий спектр услуг по подбору автомобилей, мотоциклов, квадроциклов под любой бюджет.

Основные цели: Разработать индивидуальный сайт-каталог в корпоративном стиле компании, с использованием дополнительных модификаций. Сделать сайт максимально удобным для использования на мобильных устройствах.

Краткий бриф на разработку сайта
Наименование компанииООО “ПРАДА Моторс”
Сфера деятельностиАвтоподбор и мотоподбор, таможенные услуги
Страна, на которую рассчитан сайтБеларусь, РФ
Основные товары и услугиПомощь в покупке авто из США, а также Европы и Южной Кореи. Полный спектр услуг по приобретению и доставке транспорта из-за границы.
Домен сайтаautogarage.by
Целевая аудиторияМужчины и женщины в возрасте от 20 до 65 лет со средним и высоким доходом
Задачи сайтаПредоставление информации об авто (мото) в наличии, услугах компании, привлечение клиентов, увеличение лояльности клиентов
Тип сайтаСайт-каталог
ТарифИндивидуальное решение
CMS WordPress
ХостингHoster.by
Пожелания заказчикаИспользовать на сайте дополнительные модификации для увеличения конверсии, сделать сайт преимущественно удобным на мобильных устройствах

Обращение

В связи с недавним открытием и необходимостью продвижения в Интернете компания “ПРАДА Моторс” обратилась в наше агентство с целью создания сайта-каталога. Перед разработкой дизайна сайта мы отразили корпоративный стиль компании в логобуке. Основным пожеланием клиента было сделать дизайн, ориентированный для удобного просмотра на мобильных устройствах, так как целевая аудитория просматривает сайт преимущественно с телефона.

Дизайн

Дизайн сайта начался с разработки логотипа компании в соответствии с пожеланиями заказчика. Так как логотип выполнен в черном цвете, было принято решение взять его как один из основных цветов дизайна сайта. Для того чтобы определиться со вторым (более ярким) цветом для сайта заказчику было предложено 3 версии главной страницы: в зеленом, оранжевом, синем цветах.

Клиент после обсуждения со своей командой остановился на зеленом. Именно этим цветом в дизайне выполнены кнопки, иконки, статус “в наличии”, разделяющие линии и так далее.

Цвета

#efefef
#1f1f1f
#2ba401
#ffffff

Процесс разработки

Структура сайта

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

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

На главной странице также присутствует креативный блок с информацией по кредитованию и лизингу. Раздел представлен в виде слайдера с карточками по каждому банка. При наведении на карточку банка появляется кнопка “Подробнее”, так можно ознакомиться с подробными условиями.

Помимо этого, на главной размещены пакеты стоимости услуг компании в виде слайдера. На каждом пакете перечислены пункты, которые получит клиент при покупке пакета, а также показаны пункты тех услуг, которые при покупке данного пакета не оказываются.

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

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

Ниже на карточке после описания размещены новости, касающиеся данной модели автомобиля. Так пользователь при появившейся заинтересованности может ознакомиться с последними новостями, связанными с данным автомобилем.

Скорость сайта

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

https://autogarage.by/
Анализировать
Мобильные устройства
Компьютер
92
https://autogarage.by/
0-49
50-89
90-100
Мобильные устройства
Компьютер
99
https://autogarage.by/
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Дополнительные модификации

По желанию заказчика на сайт были добавлены следующие модификации.

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

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

Информационная строка. Блок закрепляется над шапкой сайта и представляет собой горизонтальную строку с актуальным и лучшим предложением компании.

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

Мультивалютность. На карточках авто (мото) есть возможность посмотреть стоимость как в долларах, так и в белорусских и российских рублях.

Блок-модуль кредитования. Представляет собой всплывающее справа окно по нажатию на кнопку “Кредиты и лизинг”, которая располагается на карточке авто. Внутри содержатся доступные банки и соответствующие кредиты с возможностью заполнить свои контактные данные для отправки заявки.

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

Результаты

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

Отзыв ООО "Прада Моторс"

Черный логотип Автогараж

Благодарим коллектив маркетингового агентства SILVERWEB за плодотворное и приятное сотрудничество.

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

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

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

Работать с вами легко и приятно, будем рекомендовать ваше агентство своим коллегам!

Горожанкин А.А., Директор
ООО “Прада Моторс”