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

Разработка сайта Volkswagen.by и сайтов регионов

Клиент
Атлант-М
Дата запуска
Апрель 2018
Что сделали
Разработали сайты: импортера, всех минских дилеров, коммерческих автомобилей, региональных дилеров. А также разработали конфигуратор автомобилей.
Разработка сайта Volkswagen.by и сайтов регионов

О проекте

Международный автомобильный холдинг «Атлант-М» торгует 10 автомобильными марками, в том числе «Volkswagen».

Цель проекта

Разработать единый сайт «Volkswagen» в Беларуси и систему региональных сайтов

Создать централизованную платформу для импортёра и дилерской сети, которая объединяет единый дизайн, структуру и логику управления контентом, при этом позволяет регионам работать автономно и поддерживать актуальную информацию.  

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

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

Архитектура проекта

Техническая схема работы сайта

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

«Битрикс» получает каталоги автомобилей через «API», сохраняет данные в базе, собирает шаблоны страниц и маршрутизирует заявки через «API» в «SAP» клиента. Для региональных сайтов заявки отправляются на электронную почту или в 1С.  

Планируем дорожную карту

Жёсткие сроки и поэтапная реализация

Особенностью проекта стало ограничение по времени: старые «CMS» должны были быть отключены с 1 января 2018 года, поэтому разработку нужно было завершить за осень — начало зимы.

Проект разбили на последовательные спринты:

  1. Подготовка HTML-шаблонов и первичная интеграция с «Битрикс»;
  2. Создание структуры сайта и наполнение статичных разделов;
  3. Реализация форм (тест-драйв, оценка, поиск запчастей) и настройка «API»;
  4. Каталоги автомобилей и посадочные страницы моделей;
  5. Доработка каталогов и посадочных страниц.

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

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

Собираем структуру проекта

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

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

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

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

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

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

Настройка интерфейса

Индивидуальные виджеты для страниц

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

Текстовые страницы

Галерея сниппетов для контента

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

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

Контент-система

«Wiki» со всеми типами сниппетов

Чтобы упростить работу с большим количеством блоков, собрали «wiki» с размерами изображений и примерами каждого сниппета с превью.

В систему вошли основные варианты контентных блоков: текстовые секции, комбинации изображения и текста, табы, расхлопы, полноширинные изображения, блоки «три в ряд», видео, наборы иконок, слайдеры, поп-апы и другие типовые элементы для наполнения страниц.  

Каталог автомобилей

Каталог с данными реального склада

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

Отдельно проработали работу со складом: данные из «API» приходили в сыром виде, поэтому разработали собственную таблицу соответствий, которая корректно отображает статус автомобиля.

В системе учитываются основные состояния:

  • на складе дилера;
  • на складе импортёра;
  • в процессе доставки.

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

Фильтрация автомобилей со склада
Фильтрация автомобилей со склада

Модели и склад

Живые данные склада и страницы моделей

Данные по складу приходили из «API» в сыром виде, поэтому была разработана собственная таблица соответствий, которая корректно отображала реальный статус автомобиля — на складе дилера, у импортёра или в процессе доставки. Информация обновляется ежедневно, что позволяет отслеживать движение автомобиля из Германии.

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

Работа с формами

Формы как самый сложный элемент корпоративного сайта

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

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

На сайте «volkswagen.by» было разработано 
8 различных форм:

  • письмо руководству
  • заявка на сервис
  • заявка на тест-драйв
  • поиск запчасти
  • расчет ежемесячного ТО
  • форма на кузовной ремонт
  • заявка дилеру
  • заявка с предложениями  

Работа с формами

Образец логики работы заявки на ТО

Иногда форма не только должна содержать все, описанные выше, поля, но ещё учитывать логику обработки и обогащения данных внешними сервисами по «API»:

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

Два подхода к реализации дилерских сайтов

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

Первый вариант — многосайтовость на «Битриксе» с единой панелью администрирования. Такой подход удобен, когда один и тот же контент нужно показывать на разных сайтах.

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

Руководитель проекта
Дима Хоружко
Юра Иов
Дизайн
Сергей Шишпор
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