Новый сайт KIA Motors Россия и СНГ

• Задача

  Разработать новый сайт KIA Motors Россия и СНГ с целью сделать сайт современной digital-платформой, которая бы учитывала все этапы взаимодействия бренда с потребителем: see, think, do, care, обеспечивая цифровую трансформацию опыта пользователей: возможность забронировать автомобиль, получить онлайн-подтверждение кредита, записаться на тест-драйв, предоставления посетителям возможность подобрать автомобиль, его модель, комплектацию и конфигурацию с учетом индивидуальных потребностей и финансовых возможностей

• Клиент

  ООО «Киа Моторс Россия и СНГ» — официальный дистрибьютор автомобилей KIA на территории Российской Федерации, лидер среди иностранных брендов по объемам продаж. За 10 лет деятельности компании бренд KIA вышел в лидеры российского рынка. Все модели KIA для российского рынка производятся локально. К началу 2019 года на территории России действовало 196 официальных дилерских центров KIA в 100 городах

• Что сделали

  Команда QSOFT за 4 месяца разработала платформу, где покупатели могут ознакомиться с модельным рядом KIA, подобрать конфигурацию авто, рассчитать кредит, записаться на тест-драйв и выбрать дилера. Сайт создавался 2 месяца (без аналитики и проектирования). Интеграция с CRM, SMS-сервисом, MySales и Русфинанс Банком обеспечила непрерывную связь с пользователем и цифровую трансформацию сервиса. На платформе представлены актуальные данные о моделях, комплектациях, кредитах, спецпредложениях и наличии авто у 200 дилеров. Пользователи могут бронировать автомобили и отправлять заявки на онлайн-одобрение кредита

• 1

  Tagline 2021

  Лучший сайт для авто- и мотобизнеса

  Номинация:

  Лучший сайт для авто- и мотобизнеса

Результаты

40 ^%

сокращение времени обработки заявки дилером

55 ^%

увеличение времени вовлеченности пользователей на сайте

30 ^%

увеличение конверсии в отправку заявки

99.9 ^%

отказоустойчивость платформы

65 ^%

снижение количества потерянных заявок благодаря сквозной интеграции всех систем

Реализация

О ситуации

У Заказчика возникла необходимость разработать digital-платформу, которая бы учитывала множество пользовательских сценариев и способствовала формированию потребности в покупке автомобиля марки KIA. В зависимости от задач посетителя, сайт должен отвечать запросам трех типов аудитории: тех, кто только знакомится с модельным рядом; тех, кто уже готов приобрести автомобиль и владельцев KIA

Архитектура

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

Отправка заявок

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

Заявка на тест-драйв

Большая часть пользователей заходит на сайт, чтобы познакомиться с продуктом и провести его тестирование. В компоненте «Заявка на тест-драйв» отображаются данные о моделях, доступных у дилеров в реальном времени. Для этого на сайте реализована интеграция с дилерским порталом KIA, где дилеры обновляют данную информацию

Конфигуратор

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

Кредитный калькулятор

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

Каталог авто в наличии

Также для сайта реализован каталог автомобилей, которые есть в наличии у дилеров. Используя различные чекбоксы и фильтры, можно выбрать интересующий автомобиль в каталоге, а затем перейти на детальную страницу. Здесь отображается вся информация о комплектации и технических характеристиках конкретного автомобиля. На карте выводятся дилерские центры, в которых он есть в наличии. В каталоге реализован функционал бронирования автомобиля. Интеграция с внутренней системой Kia MySales, позволяет автоматически обновлять список автомобилей, которые есть в наличии в дилерских центрах. Клиент может оформить бронь на любое из авто, представленных в каталоге. После подтверждения бронирования дилером, либо в случае продажи, автомобиль будет автоматически скрыт с сайта

О ключевых решениях проекта

Новый сайт kia.ru представляет собой масштабное архитектурное решение. Он содержит информацию о более 400 комплектациях автомобилей, которые в совокупности насчитывают более 800 уникальных опций. Кроме того, у каждой комплектации есть свой набор цветов, который может варьироваться от двух до 16. Для каждого цвета на сайте реализован обзор 360°. Пользователь может ознакомиться не только с экстерьером автомобиля, но и оценить панорамный вид интерьера салона. Этот контент дополнительно отображается в специальном компоненте, который выводится на разных страницах. Технологический стек frontend части сайта является Single Page Application (SPA). В подходе SPA сборка страниц может осуществляться с использованием уже готовых компонентов, которые отображаются на сайте в разных местах. Еще одним важным требованием Заказчика стала скорость и стабильность работы ресурса. Во многом это обусловлено маркетинговой составляющей: на сайте постоянно запускаются масштабные промо-акции и кампании. Все рекламные кампании на сайте реализуются в связке медиа-контента и технологических возможностей. При каждом запуске новой кампании контент ресурса обновляется: на страницах сайта появляется информация о новых продуктах и спецпредложениях. У каждой модели автомобиля есть своя детальная страница, которая содержит актуальную информацию о новых опциях и возможностях. Критически значимый фактор — отказоустойчивость системы. Команда QSOFT разработала надежную и отказоустойчивую систему как в плане серверной, так и микросервисной архитектуры

Технические решения проекта

• Кластер на базе Docker Swarm: в качестве платформы для запуска всей системы используется кластер на базе Docker Swarm. Всего в системе — 27 серверов
• GitLab CI и скрипты для управления конфигурациями: для управления конфигурациями и автоматическим deploy используется GitLab CI и несколько скриптов
• Кластер из 6 узлов Redis: весь контент сначала выгружается в кэш, и только потом отдается на сайт
• Система управления конфигурациями базы данных: мы протестировали и внедрили систему управления конфигурациями базы данных Stolon, которая дает возможность очень быстро добавлять новые узлы и масштабировать систему. Также она позволяет моментально выводить из эксплуатации нерабочие машины и переключать Мастер
• Объединение сайтов на основе проксирования через Nginx: уникальное решение, реализованное командой QSOFT, позволило «сшить» два сайта, размещенных на разных платформах, на основе проксирования через Nginx. При этом пользователи не замечают разницы при переходе с одного сайта на другой, а задержки по времени — минимальны
• Nginx Unit в контейнерах для запуска микросервисов: мы применили сервер приложений для веба Nginx Unit в контейнерах для запуска микросервисов. Это позволяет отдавать как статический, так и динамический контент, используя один и тот же сервис
• Платформа Graylog: cбор критически важных данных из логов сервера осуществляется через систему Graylog
• Elasticsearch: Быстрая Smart-фильтрация каталога авто без перезагрузки страницы с группировкой карточек авто по набору параметров. Агрегация реального количества автомобилей в наличии с разбивкой по дилерским салонам

Интеграции

• CRM-система Заказчика: интеграция с CRM Заказчика позволила обеспечить непрерывную коммуникацию с пользователем и цифровую трансформацию клиентского сервиса
• MySales: собственная система Kia, отвечает за онлайн-выгрузку информации о наличии автомобилей в реальном времени
• Русфинанс Банк: пользователь может отправить с сайта онлайн-заявку на кредит
• SMS Traffic: при отправке заявки пользователю приходит уведомление по SMS

Ближайшие планы

Команда QSOFT продолжает развивать digital-платформу kia.ru. В планах Заказчика — дальнейшая реализация уникального для российского автомобильного рынка digital-продукта. Запуск полной версии сайта и внедрение всех технологических решений произойдет поэтапно до конца 2020 года. Уже сегодня ресурс ознаменовал собой новый этап цифровой трансформации автомобильного рынка. Сайт kia.ru призван стать единой платформой, которая обеспечивает эффективное взаимодействие между автопроизводителем, дилерскими центрами и клиентами. Это эффективная площадка для омниканального маркетинга, которая не просто помогает осуществлять продажи, но и активно способствует формированию потребности в покупке автомобиля марки KIA

Функционал

Функционал ресурса позволяет посетителю сразу на странице с информацией сообщить дилеру о заинтересованности автомобилем, спецпредложением или кредитной программой

Дилерские центры представлены не только в виде списка, но и выводятся на карте

На шаге «Расчет кредита» отображаются карточки различных кредитных программ с подробной информацией

Благодарность клиента