+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Практические кейсы Кейсы по разработке сайтов Кейс по созданию сайта-каталога для компании, занимающейся подбором авто из США и других стран

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

Кейс по созданию сайта-каталога для компании, занимающейся подбором авто из США и других стран
Обсудить проект
Компания “ПРАДА Моторс” – это динамичная группа компаний, предлагающая широкий спектр услуг по подбору автомобилей, мотоциклов и квадроциклов под любой бюджет. Она гордится тем, что предоставляет индивидуальный подход к каждому клиенту, учитывая его предпочтения и финансовые возможности. Команда профессионалов проводит тщательный анализ и предлагает лучшие варианты, основываясь на актуальных предложениях рынка. Кроме того, компания предлагает комплексные услуги, включая помощь в оформлении кредитов, страховании и техническом обслуживании приобретаемых транспортных средств.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
428
Страниц
Скорость
92 / 99
Загрузки сайта
Язык
RU
Русский
Поиск
Поиск
Умный
Цены
USD
Мультивалютность
Мессенджеры
Мессенджеры
Коммуникация
Панорамный вид салона

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

Панорамный вид салона
Мультивалютность

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

Мультивалютность
Таможенный калькулятор

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

Таможенный калькулятор
Отправка заявок в Telegram

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

Отправка заявок в Telegram
Блок-модуль кредитования

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

Блок-модуль кредитования
Задача

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

Решение

Был создан индивидуальный сайт-каталог, полностью разработанный в соответствии с корпоративным стилем компании. Дизайн и структура сайта адаптированы под фирменные цвета, шрифты и визуальные элементы бренда.

Ниша

Автоподбор и мотоподбор, таможенные услуги

Продолжительность
  • 1 месяц – дизайн
  • 2 месяца – разработка
  • 1 месяц – заполнение

Краткий бриф на разработку сайта

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

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
Дизайн сайта начался с разработки логотипа компании в соответствии с пожеланиями заказчика. Так как логотип выполнен в черном цвете, было принято решение взять его как один из основных цветов дизайна сайта. Для того чтобы определиться со вторым (более ярким) цветом для сайта заказчику было предложено 3 версии главной страницы: в зеленом, оранжевом, синем цветах. Клиент после обсуждения со своей командой остановился на зеленом. Именно этим цветом в дизайне выполнены кнопки, иконки, статус “в наличии”, разделяющие линии и так далее.
Шрифт Muller хорошо подходит для использования на сайте благодаря своему современному и сбалансированному дизайну. Он обладает высокой читаемостью как в заголовках, так и в основном тексте, благодаря чётким формам и продуманным межбуквенным интервалам. Muller сочетает в себе строгость и визуальную лёгкость, что делает его универсальным решением для различных цифровых интерфейсов.
#ffffff
#2ba401
#efefef
#1f1f1f
Дизайн сайта начался с разработки логотипа компании в соответствии с пожеланиями заказчика. Так как логотип выполнен в черном цвете, было принято решение взять его как один из основных цветов дизайна сайта. Для того чтобы определиться со вторым (более ярким) цветом для сайта заказчику было предложено 3 версии главной страницы: в зеленом, оранжевом, синем цветах. Клиент после обсуждения со своей командой остановился на зеленом. Именно этим цветом в дизайне выполнены кнопки, иконки, статус “в наличии”, разделяющие линии и так далее.
#ffffff
#efefef
#2ba401
#1f1f1f
Шрифт Muller хорошо подходит для использования на сайте благодаря своему современному и сбалансированному дизайну. Он обладает высокой читаемостью как в заголовках, так и в основном тексте, благодаря чётким формам и продуманным межбуквенным интервалам. Muller сочетает в себе строгость и визуальную лёгкость, что делает его универсальным решением для различных цифровых интерфейсов.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

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

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

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

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

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

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

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

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

Какие инструменты и технологии мы использовали

03
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
FancyBox
FancyBox
Bootstrap
Bootstrap

Скорость загрузки сайта

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

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

Результаты по проекту

05
Результат

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

1. Индивидуальный дизайн в фирменном стиле
Разработан уникальный визуальный облик сайта, основанный на фирменной палитре, типографике и графических элементах бренда. Это обеспечило визуальную преемственность и укрепило корпоративную идентичность.
2. Функциональный каталог с расширенными возможностями
Реализована удобная структура каталога с системой фильтров, поиском по услугам и динамическими элементами, обеспечивающими быстрый доступ к необходимой информации.
3. Адаптивная верстка под все устройства
Сайт полностью адаптирован под мобильные телефоны, планшеты и десктопы. Интерфейс и контент подстраиваются под размер экрана, обеспечивая удобное взаимодействие для всех пользователей.
4. Оптимизация скорости и производительности
Внедрены технологии ускоренной загрузки: сжатие файлов, lazy loading изображений и кэширование. Это повысило общую производительность сайта и улучшило пользовательский опыт.
5. Интуитивно понятная навигация и usability
Улучшена логика пользовательского пути, упрощены формы обратной связи и навигационные элементы. Это сделало сайт удобным и понятным как для новых, так и для постоянных клиентов.

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

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

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

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

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

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

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

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

Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

Согласие на обработку персональных данных в соответствии с целями, указанными в Политике обработки персональных данных