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

Главное о кейсе

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

Основные преимущества нового сайта:
1.Отказоустойчивость.
2. Масштабируемость: к системе можно с легкостью подключать другие платформы; дублировать сервисы, на которые увеличивается нагрузка.
3.Полная модульность: при необходимости на любые страницы можно добавлять имеющиеся компоненты.

Бизнес-задача и ее решение

Основные цели проекта:
1. Стать современной digital-платформой, которая бы учитывала все этапы взаимодействия бренда с потребителем: see, think, do, care.
2.Обеспечить цифровую трансформацию опыта пользователей: возможность забронировать автомобиль, получить онлайн-подтверждение кредита, записаться на тест-драйв.
3.Предоставить посетителям возможность подобрать автомобиль, его модель, комплектацию и конфигурацию с учетом индивидуальных потребностей и финансовых возможностей.

Функционал сайта
Ключевая цель ресурса — повышать лояльность клиентов и увеличивать конверсию в продажи. При этом взаимодействие с пользователями должно быть органичным и не навязчивым. Следуя требованиям Заказчика, на сайте были разработаны различные варианты форм для отправки заявок.
Функционал ресурса всячески способствует тому, чтобы посетитель мог сообщить дилеру о заинтересованности конкретным автомобилем, спецпредложением или кредитной программой. Причем, сделать это именно на той странице, где он ознакомился с данной информацией. В свою очередь, дилер видит ту информацию, которой заинтересовался клиент, отправивший заявку.
О ключевых решениях проекта
Новый сайт kia.ru представляет собой масштабное архитектурное решение. Он содержит информацию о более 400 комплектациях автомобилей, которые в совокупности насчитывают более 800 уникальных опций. Кроме того, у каждой комплектации есть свой набор цветов, который может варьироваться от двух до 16. Для каждого цвета на сайте реализован обзор 360°. Пользователь может ознакомиться не только с экстерьером автомобиля, но и оценить панорамный вид интерьера салона. Этот контент дополнительно отображается в специальном компоненте, который выводится на разных страницах.
Технологический стек frontend части сайта является Single Page Application (SPA). В подходе SPA сборка страниц может осуществляться с использованием уже готовых компонентов, которые отображаются на сайте в разных местах.
Еще одним важным требованием Заказчика стала скорость и стабильность работы ресурса. Во многом это обусловлено маркетинговой составляющей: на сайте постоянно запускаются масштабные промо-акции и кампании.
Все рекламные кампании на сайте реализуются в связке медиа-контента и технологических возможностей. При каждом запуске новой кампании контент ресурса обновляется: на страницах сайта появляется информация о новых продуктах и спецпредложениях. У каждой модели автомобиля есть своя детальная страница, которая содержит актуальную информацию о новых опциях и возможностях.
Критически значимый фактор — отказоустойчивость системы. Команда QSOFT разработала надежную и отказоустойчивую систему как в плане серверной, так и микросервисной архитектуры.
Все микросервисы работают на микрофреймворке Lumen. Для разработки пользовательских интерфейсов используется фреймворк Vue.js. Он позволяет создавать сложные одностраничные приложения. Такой подход заметно ускоряет загрузку страниц, позволяет создавать обогащенные интерфейсы, повышает скорость отклика системы в целом.
О технических решениях проекта
Кластер на базе Docker Swarm. В качестве платформы для запуска всей системы используется кластер на базе Docker Swarm. Всего в системе — 27 серверов.
GitLab CI и скрипты для управления конфигурациями. Для управления конфигурациями и автоматическим deploy используется GitLab CI и несколько скриптов.
Кластер из 6 узлов Redis. Весь контент сначала выгружается в кэш, и только потом отдается на сайт.
Система управления конфигурациями базы данных. Мы протестировали и внедрили систему управления конфигурациями базы данных Stolon, которая дает возможность очень быстро добавлять новые узлы и масштабировать систему. Также она позволяет моментально выводить из эксплуатации нерабочие машины и переключать Мастер.
Объединение сайтов на основе проксирования через Nginx. Уникальное решение, реализованное командой QSOFT, позволило «сшить» два сайта, размещенных на разных платформах, на основе проксирования через Nginx. При этом пользователи не замечают разницы при переходе с одного сайта на другой, а задержки по времени — минимальны.
Nginx Unit в контейнерах для запуска микросервисов. Мы применили сервер приложений для веба Nginx Unit в контейнерах для запуска микросервисов. Это позволяет отдавать как статический, так и динамический контент, используя один и тот же сервис.
Платформа Graylog. Сбор критически важных данных из логов сервера осуществляется через систему Graylog.
Elasticsearch. Быстрая Smart-фильтрация каталога авто без перезагрузки страницы с группировкой карточек авто по набору параметров. Агрегация реального количества автомобилей в наличии с разбивкой по дилерским салонам.
Интеграции
CRM-система Заказчика — интеграция с CRM Заказчика позволила обеспечить непрерывную коммуникацию с пользователем и цифровую трансформацию клиентского сервиса.
MySales — собственная система Kia, отвечает за онлайн-выгрузку информации о наличии автомобилей в реальном времени.
Русфинанс Банк — пользователь может отправить с сайта онлайн-заявку на кредит.
SMS Traffic - при отправке заявки пользователю приходит уведомление по SMS.

Прочая информация о кейсе

У Заказчика возникла необходимость разработать digital-платформу, которая бы учитывала множество пользовательских сценариев и способствовала формированию потребности в покупке автомобиля марки KIA. В зависимости от задач посетителя, сайт должен отвечать запросам трех типов аудитории: тех, кто только знакомится с модельным рядом; тех, кто уже готов приобрести автомобиль и владельцев KIA. Платформа должна сопровождать клиента от идеи приобретения автомобиля до послепродажного обслуживания, покупки расходных материалов и последующей замены на новый. За UX-решения и дизайн нового сайта отвечало агентство ONY, а за техническую реализацию – компания QSOFT.
Всего за 4 месяца команде QSOFT удалось разработать полноценную платформу, где потенциальные покупатели могут не просто ознакомиться с модельным рядом KIA и сравнить цены, но и быстро подобрать конфигурацию конкретного автомобиля под свои потребности, рассчитать кредитное предложение, записаться на тест-драйв к определенному дилеру. Важно отметить, что этап непосредственной разработки нового сайта (без учета этапов аналитики и проектирования) занял всего 2 месяца.
Благодаря интеграции платформы с CRM-системой Заказчика, SMS-сервисом, системой MySales, где происходит хранение и изменение данных об авто в наличии у дилеров, а также с Русфинанс Банк для передачи данных на онлайн одобрение кредита, удалось наладить непрерывную коммуникацию с пользователем и обеспечить цифровую трансформацию клиентского сервиса. На сайте представлена актуальная информация о марках и моделях автомобилей, которые доступны у 200 дилеров KIA. Содержатся сведения об их комплектациях и конфигурациях, о кредитных программах и спецпредложениях, а также об автомобилях, доступных для тест-драйва и покупки. Сегодня на сайте можно найти подходящего дилера, записаться на тест-драйв, рассчитать кредит и отправить заявку на его онлайн-одобрение. Можно также забронировать автомобиль, выбрав его из имеющихся у дилера.

Текущая доступность работы

открытый доступ

Скриншоты

Комментарий заказчика

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

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