Все кейсы
Ритейл
Заказная веб-разработка
Интеграции и омниканальность
Разработка на 1С-Битрикс
Корпоративный сайт

Сайт и дилерская сеть дистрибьютора Hyundai в Беларуси

Клиент
Хёндэ АвтоГрад
Дата запуска
Апрель 2019
Что сделали
У Hyundai, как и у других автобрендов, существует сменяемость поколений дизайна. Кроме обновления дизайна, сменили самописный движок на рыночное решение.
hyundai.by
Сайт и дилерская сеть дистрибьютора Hyundai в Беларуси

О проекте

ООО «Хёндэ АвтоГрад» — единственный авторизованный дистрибьютор «Hyundai Motor Company» и марки «Hyundai» в Республике Беларусь. Требовалось обновить дизайн до нового поколения.

Цель проекта

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

Задачи проекта

  • Переработать архитектуру сайта с учётом реальных процессов работы клиента.
  • Обеспечить самостоятельное управление моделями, ценами и характеристиками из админки.
  • Спроектировать структуру хранения данных для моделей, комплектаций и опций.
  • Обновить дизайн и внедрить гибкую систему контентных блоков.
  • Реализовать конструктор форм и интеграцию сайта с 1С через «REST API».
  • Объединить головной сайт и сайты дилеров через единый шаблон для упрощения обновлений.

Структура проекта

Архитектура сайта и структура разделов

Для технической реализации использовали «Битрикс» (PHP, MySQL) и шаблоны на «HTML5» — по уровню сложности проект полностью соответствовал возможностям платформы.

Структура сайта типична для автомобильного бренда: отдельно выделены сервисные разделы, автомобили, маркетинговые материалы и программы покупки. Контакты вынесены в первый уровень вложенности для быстрого доступа.

Страницы с уникальными шаблонами отмечались отдельно — это служило ориентиром для дизайнера и проектировщика при сборке интерфейсов.  

Структура страниц

Структура страницы автомобиля

Отдельное внимание уделили структуре страницы автомобиля. У клиента уже были сложности с обновлением страниц, поэтому ещё на этапе проектирования важно было заложить корректную модель хранения данных, чтобы контент можно было обновлять из админки.

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

Такие решения закладываются на этапе проектирования структуры — ещё до начала фактической разработки.  

Хранение данных

Основная сложность

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

Что учитывала архитектура:

  • у каждой модели несколько модификаций;
  • у модификаций свои комплектации и характеристики;
  • комплектации содержат наборы опций;
  • доступны пакеты дополнительных опций.

Логика хранения данных:

Структура строится от модели автомобиля: сначала определяется модель, затем модификации и комплектации, после — характеристики и опции.

Для этого была заранее проработана иерархия связей, показанная на схеме.  

Дизайн 

По аналогии с кейсом VW мы разработали сетку разных виджетов, которые позволили сделать нетиповую подачу контента.

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

Визуализация моделей

360° обзор автомобилей

Для автомобилей использовали рендеры с разных ракурсов, что позволило реализовать просмотр моделей в формате 360° и показать варианты в разных цветах.  

3D-модели автомобилей
3D-модели автомобилей

Формы и интеграции

Конструктор форм и REST-API для 1С

На сайте реализовано несколько типов форм: заказать звонок, заявка на ТО, сервис, покупку автомобиля и трейд-ин.

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

Такой подход позволяет при необходимости собирать и настраивать формы самостоятельно без участия разработчиков.  

REST-API и 1С

Интеграция сайта с 1С через API

Изначально формы отправляли заявки на электронную почту, но такой подход оказался неудобным. Поэтому была разработана архитектура обмена данными между сайтом и 1С через REST-API.

Основные принципы работы API:

  • все запросы выполняются только через защищённое SSL-соединение;
  • доступ к API разрешён только с сервера «hyundai.by» (93.125.99.86);
  • данные в API актуальны только в момент выполнения запроса;
  • ответы передаются в формате JSON;
  • кодировка обмена данными — «UTF-8».  
Структура обмена данными
Структура обмена данными

Работа с дилерами

Единый шаблон для всей дилерской сети

Работа с дилерами во многом строилась по схожей схеме, но имела свою особенность — раздельные сайты усложняли обновления. Любое изменение шаблонов приходилось повторять для каждого дилера отдельно.

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

Руководители проекта
Дима Хоружко
Иван Самойлик
Дизайн
Сергей Шишпор
PHP разработчик
Женя Маспанов
Архитектор
Дима Хоружко
Верстка
Денис Сотников
Команда клиента
Глеб Пастухов
Ирина Ермакова
Виктор Покачайло
Андрей Малашевич
Андрей Малашевич
Андрей Малашевич
Руководитель управления маркетинга и рекламы, Paritetbank

ОАО «Паритетбанк» благодарит ООО «Найнсевен» за сотрудничество в рамках разработки корпоративного сайта www.paritetbank.by.

Смотреть отзыв
Екатерина Полещук
Екатерина Полещук
Руководитель отдела маркетинга, ООО «Профессиональные правовые системы»

Выражаем благодарность за завершенный проект по обновлению нашего корпоративного сайта www.business‑info.by.

Смотреть отзыв
Александр Шостак
Александр Шостак
Директор, ООО «ИКомЧардж»

Специалистами ООО «Найнсевен» были неоднократно успешно осуществлены подключения механизма онлайн-платежей

Смотреть отзыв
Павлова Валентина Петровна
Павлова Валентина Петровна
специалист по развитию торговой марки, Аливария
За время сотрудничества компания ООО «Найнсевен» зарекомендовала себя как надежный и ответственный партнер.
В.Т. Одорский
В.Т. Одорский
заместитель Генерального директора по маркетингу, СООО «Мобильные Теле Системы»

ООО «Мобильные Теле Системы» (далее – МТС) выражает искреннюю благодарность команде ООО «Найнсевен» (далее - Найнсевен) за качественное оказание услуг по администрированию и технической поддержке сайта mts.by.

Смотреть отзыв
Н.А. Булаш
Н.А. Булаш
Заместитель Генерального директора по коммерческим вопросам, СООО «Мобильные ТелеСистемы»

СООО «Мобильные ТелеСистемы» выражает благодарность команде ООО «Найнсевен» за профессиональную разработку и техническую поддержку интернет-магазина shop.mts.by.

Смотреть отзыв
Е.А.Ломеко
Е.А.Ломеко
Генеральный директор, Брестское РУП «Фармация»

Брестское РУП «Фармация» с 2018 года сотрудничает с компанией «Найнсевен» по вопросам разработки корпоративного сайта, развертыванию на его базе функционала Интернет-аптеки, по технической поддержке и развитию указанных информационных ресурсов. 

Смотреть отзыв
Лариса Купава
Менеджер по маркетингу, SvitLand Development Limited

Мы довольны сотрудничеством с Nineseven. Удобная программа управления проектом и быстрое реагирование сделали даже удаленную работу комфортной.

Смотреть отзыв
У.С. Савиных
У.С. Савиных
Продюсер, МФР Red Apple

Фестиваль Red Apple сотрудничал с Nineseven с 2013 по 2014 год. Благодаря профессионализму сотрудников был создан эффективный и удобный сайт фестиваля www.festival.ru.

Смотреть отзыв
Алексей Сидоров
Алексей Сидоров
Алексей Сидоров
Основатель и руководитель проекта, Prodengi.kz

Интернет-портал prodengi.kz выражает благодарность команде Nineseven за взаимовыгодное сотрудничество и добропорядочные отношения. Мы ценим профессионализм, креативность и качественный сервис, который предоставляет Nineseven.

Смотреть отзыв
Александр Кузьменко
Александр Кузьменко
Александр Кузьменко
Руководитель проекта, Игры@Mail.Ru
Спасибо за работу! Рассчитываем на дальнейшее сотрудничество в таком же ключе.
Смотреть отзыв
А.В. Любимова
А.В. Любимова
Генеральный директор, ООО «Акомпани»
Выражаем благодарность за плодотворное сотрудничество в 2010 году. Благодаря уровню профессионализма и лидерским качествам команды мы достигли значительных успехов.
Смотреть отзыв
Денис Бурлаков
Денис Бурлаков
Руководитель, Интернет-магазин Deniliz.com

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

Смотреть отзыв
И. Шумицкий
И. Шумицкий
И. О. директора департамента маркетинга, Банк Хоум Кредит (Казахстан)
Выражаем благодарность компании Nineseven за создание сайта www.homecredit.kz.
Смотреть отзыв
А.Н. Григорьева
А.Н. Григорьева
Генеральный директор, ООО «Тренд Ритейл Групп»

Надеемся на дальнейшее и столь же успешное сотрудничество.

Смотреть отзыв
И.С. Федюкин
И.С. Федюкин
Директор по развитию бизнеса, ООО «НЕВМЕДИА»

Компания ООО «НЕВМЕДИА» благодарит Курдюк Зою за сотрудничество. По нашему мнению, Курдюк Зоя — профессиональный специалист с высокой квалификацией в области дизайна, ответственная и надежная в деловых взаимоотношениях.

Смотреть отзыв
Н. А. Булаш
Н. А. Булаш
Руководитель коммерческого департамента, Мобильные ТелеСистемы

ООО «Найнсевен» является разработчиком интернет-магазина shop.mts.by и на протяжении шести лет обеспечивает его поддержку и обновление.


Смотреть отзыв
Д.С. Костин
Д.С. Костин
Д.С. Костин
Начальник службы по связям с общественностью и СМИ, ПАО «Газпром Трансгаз Беларусь»

Свидетельствую почтение и выражаю благодарность компании Nineseven и лично Дмитрию Хоружко за разработку и реализацию творческой идеи дизайна сайта проекта Многофункционального комплекса «Газпром Центр».

Смотреть отзыв
С.В. Белов
С.В. Белов
Генеральный директор, ООО «Вектор-Парфюм»

Компания ООО «Вектор-Парфюм» благодарит дизайнерскую студию Nineseven за разработку графической части интернет-магазина парфюмерии и косметики Bonange.ru. Сотрудники студии — настоящие профессионалы своего дела и обладают высокой квалификацией в области дизайна.

Смотреть отзыв
И.Е. Адаменко
И.Е. Адаменко
Заместитель директора, ОДО «БелТоргПродукт»
Рекомендуем ООО «Найнсевен» как надежного партнера, добросовестно выполняющего свои обязательства.
Смотреть отзыв

Медиа

Telegram-канал

Из первых уст о внутренней жизни агентства

Перейти в TG-канал
Nineseven
Новые технологии — новые проблемы
Люблю смотреть всякие красивые графики и таблицы. На Pinterest могу долго залипать в подборках инфографики от древности до наших дней. И вот во время одной из таких вылазок пришла банальная мысль: насколько же легче стало упаковывать аналитику в понятный вид и насколько тяжелее при этом стало ее воспринимать.

Объясню в разрезе нашей работы. Чтобы создать дашборд со всякой аналитикой лет 15 назад, нужно было:
1. Собирать данные в одну базу и разгребать их оттуда вручную: продажи, заявки, прогресс по проекту — все ручками

Публикации в СМИ

Обсудим задачу

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

Это бесплатно и ни к чему вас не обязывает.

Поле обязательно к заполнению
Поле обязательно к заполнению
Поле обязательно к заполнению
Пожалуйста, ознакомьтесь и подтвердите согласие
Дмитрий Хоружко
Дмитрий Хоружко CEO Nineseven