Компания KIA, один из ведущих мировых автопроизводителей, в 2019 году обновила свои веб-сайты в Корее и США. Вслед за этим российское представительство решило полностью пересмотреть свою цифровую платформу, поставив перед собой цель сделать процесс выбора и покупки автомобиля онлайн таким же простым и удобным, как повседневные заказы в интернет-магазинах. Для реализации этой задачи KIA обратилась к агентству ONY с просьбой разработать UI и UX дизайн нового сайта.
Исследование и анализ
Специалисты ONY провели качественное исследование аудитории и конкурентный анализ пятнадцати автопроизводителей. Результаты показали необходимость полного изменения логики и структуры предыдущей версии сайта, с акцентом на персонализацию контента. Новый сайт был задуман как удобный пошаговый навигатор, отвечающий на запросы трёх основных типов пользователей:
- Тех, кто только изучает модельный ряд.
- Потенциальных покупателей.
- Действующих владельцев автомобилей KIA.Разработка конфигуратора
Видео предоставлено агентством ONY с сайта https://ony.ru/
При создании раздела покупки автомобиля команда столкнулась с большим количеством комплектаций: у некоторых моделей их более двадцати. Чтобы упростить выбор для пользователей, был разработан удобный пошаговый конфигуратор с различными параметрами, влияющими на выбор комплектации. Неподходящие варианты не скрываются полностью, а собираются в отдельную группу и остаются доступными, позволяя пользователю вернуться к ним при необходимости.
Визуальное оформление и контент
Для передачи характера каждой модели использовались полноэкранные фоны с изображениями, соответствующими стилю автомобиля: горный серпантин, бездорожье или скоростное шоссе. Дополнительно был встроен видеоплеер с независимыми обзорами блогеров на каждую модель, помогая пользователям принять обоснованное решение о покупке.
Кредитный калькулятор
Учитывая, что решение о покупке автомобиля часто зависит от выгодных кредитных условий, был разработан кредитный калькулятор. Он позволяет пользователям сформировать индивидуальный запрос, увидеть возможные скидки и субсидии, узнать размер доплаты и ежемесячного платежа, добавить страховку и другие услуги. Заявку на кредит можно отправить онлайн, без необходимости посещения офиса банка.
Модульная система и конструктор лендингов
Важным решением стало создание модульной системы и собственного конструктора лендингов. Команда KIA получила возможность самостоятельно масштабировать сайт и добавлять новые страницы, используя набор готовых блоков: текстовых, интерфейсных, с полноэкранными изображениями. Комбинируя их, можно создавать различные страницы, сохраняя логику простоты и удобства.
Дизайн и анимация
При разработке дизайна учитывалась глобальная дизайн-система KIA, предоставляющая определённую свободу. Страницы были спроектированы с достаточным пространством, без излишних украшений, чтобы не отвлекать пользователя от основного — модельного ряда KIA. Было создано около четырёхсот макетов для веб- и мобильной версий, с микроанимацией на большинстве страниц, добавляющей интерактивности. Для поддержания единого визуального стиля был подготовлен подробный UI-кит с описанием всех возможных цветов, иконок и решений по вёрстке текста.
Техническая реализация и дальнейшие шаги
За техническую реализацию сайта отвечает компания Qsoft, партнёр по проекту. Внедрение технологических решений осуществляется поэтапно в течение 2020 года. В январе состоялся релиз разделов, посвящённых новым автомобилям и их приобретению. Команда продолжает работу над проектированием раздела сервисного обслуживания, анализируя данные и тестируя гипотезы совместно с клиентом.
В результате проделанной работы KIA получила современный, удобный и функциональный сайт, соответствующий ожиданиям пользователей и отражающий передовые подходы в цифровом взаимодействии с клиентами.
