Компания «Мега Драйв»

megadrive.ru
Компания «Мега Драйв» успешно работает на российском рынке с 2000 года. Специализация – проектирование индивидуальных решений и производство автоспецтехники.

1С-Битрикс
Адаптивный
дизайн
CSS3-анимация
Телефон

Проектирование

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

01
Показать весь спектр предлагаемых услуг и сформировать образ современной компании, нацеленной на завоевание новых крупных клиентов.
02
Импортировать каталог всей продукции со старого сайта на новый.

Структура

На этапе разработки ТЗ была сформирована следующая структура сайта:

Главная
О компании
Производство
Сервис и гарантии
Лизинг и кредит
Доставка
Партнерство
Карьера
Новости
Наши проекты
Контакты
О компании
Автомобили с КМУ
Автогидроподъемники
Пожарные автомобили
Бортовые автомобили
Мультилифты
Фургоны
Прочая автотехника
Крано-манипуляторные установки

Концепции

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

Концепт 1
Концепт 2
Концепт 3

Дизайн

Главная страница выполнена в лаконичном светлом стиле с добавлением видеороликов, предоставленных клиентом.

Анимация

Реализована микроанимация при наведении на интерактивные элементы.

UI-кит

#222222
#424A52
#B21917
#C81A18
#EBEDF0
Onest font
preview
slide
slide
slide
slide
slide
slide
slide
slide
slide
slide

Уникальные иллюстрации

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

Фильтр по каталогу

Особое внимание мы уделили каталогу продукции. Для страницы категории был тщательно продуман UX фильтра и его адаптивных версий для всех устройств.

Десктоп
Планшет
Мобильный

Интерфейс сравнения товаров

Внешний вид страницы сравнения товаров был обновлён для удобства использования.

Карточка товара

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

Страница товара
Описание
Краткое описание техники
Консультация
возможность получить быструю консультацию
Скачать pdf
Скачать pdf
Скачать pdf
Скачать pdf
Скачать pdf
Скачать pdf

Структура внутренних страниц

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

Текстовый блок с фото на странице «Сервис и гарантии»
Стрелка
Блок с тезисами на странице «Производство»
Стрелка
Блок с преимуществами на странице «Карьера»
Стрелка

Особенности реализации

Выполнена конвертация каталога в 1С-Битрикс из Open Cart:

Информация о разделах и товарах извлечена и перенесена в инфоблок 1С-Битрикс;
Создан xml файл для импорта каталога.
Что входит в миграцию с OpenCart
Иконка
Перенос торговых
данных
перенос цен и характеристик,
миграция товаров и категорий,
импорт изображений продукции,
адаптация под торговый каталог Битрикс,
сохранение SEO-параметров товаров.
Иконка
Миграция пользователей и заказов
перенос клиентской базы,
импорт истории заказов,
миграция пользовательских данных,
перенос цен и характеристик,
адаптация под системы Битрикс,
сохранение статистики продаж.
Иконка
Адаптация
функционала
настройка платежных систем,
конфигурация служб доставки,
адаптация расширений OpenCart,
перенос дизайна и шаблонов,
оптимизация под возможности Битрикс.