Кейс · Каталог · Авто

Маркетплейс автомобилей из Китая в 1 клик

Сверстал и установили на CMS каталог автомобилей из Китая: подбор по пяти параметрам, карточки машин с комплектациями и ценами, витрина наличия в трёх филиалах и схема доставки под ключ. Базовое SEO и установка на хостинг — демо-версия открыта онлайн.

0
параметров подбора автомобиля
0
филиала: Москва, Краснодар, Новосибирск
0
шага доставки из Китая
100%
страниц адаптивны
О проекте

От вёрстки до хостинга — каталог авто из Китая

Задача

Маркетплейс автомобилей из Китая: машины в наличии в трёх филиалах (Москва, Краснодар, Новосибирск) и поставка под заказ с выкупом, доставкой и таможенной очисткой. Для витрины и заявок нужен был понятный каталог: подбор по параметрам, карточки машин с комплектациями и ценами, страницы наличия и доставки.

Решение

Сверстал все страницы адаптивно и установили вёрстку на CMS: главная с подбором по параметрам, карточка автомобиля с галереей и выбором комплектации, витрина наличия, схема доставки в четыре шага. Затем выполнили базовую SEO-оптимизацию и установили сайт на хостинг.

Клиент
Продавец автомобилей
Сфера
Автомобили из Китая, e-commerce
Платформа
CMS
Работы
Вёрстка, CMS, базовое SEO, хостинг
Разделы
Главная, товар, доставка, наличие
Статус
Демо-версия доступна онлайн
Скриншоты

Как выглядит каталог

Скриншоты демо-версии: главная, карточка автомобиля, витрина наличия и мобильная версия. Полные страницы открываются по ссылкам в конце кейса.

demo.avoweb.net/2308f/01.html
Главная страница маркетплейса: подбор автомобиля по параметрам и автомобили в наличии
Главная: подбор по параметрам и автомобили в наличии
demo.avoweb.net/2308f/02.html
Карточка автомобиля GEELY Tugella 2.0: галерея фото, выбор комплектации, цена и кнопка брони
Карточка автомобиля: комплектации, характеристики и бронь
demo.avoweb.net/2308f/04.html
Страница «Автомобили в наличии»: сетка машин с ценами и статусом наличия
Наличие: витрина машин в трёх филиалах
demo.avoweb.net/2308f — мобильная версия
Мобильная версия главной страницы: подбор автомобиля по параметрам
Мобильная версия: подбор авто со смартфона
Выполненная работа

Что вошло в работу

01 / 06

Адаптивная вёрстка

Все страницы каталога — главная, карточка автомобиля, витрина наличия и доставка — свёрстаны единой адаптивной сеткой: от экрана смартфона до широкого десктопа.

Адаптив Вёрстка 4 страницы
02 / 06

Подбор и карточка автомобиля

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

Подбор Комплектации Бронь
03 / 06

Витрина наличия

Сетка автомобилей в наличии: статус, фото, комплектация и цена. Филиалы в Москве, Краснодаре и Новосибирске — машину можно посмотреть вживую в ближайшем салоне.

Наличие Филиалы Витрина
04 / 06

Установка вёрстки на CMS

Свёрстанный шаблон установлен на CMS: каталог и контентные страницы ведутся через админку — без правок кода и без разработчика в повседневных задачах.

CMS Шаблон Админка
05 / 06

Базовое SEO

Базовая SEO-оптимизация: корректные мета-теги, чистая структура страниц и подготовка сайта к индексации по коммерческим запросам автомобильной тематики.

SEO Мета-теги Индексация
06 / 06

Установка на хостинг

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

Хостинг Запуск Проверка
Результаты

Что получил клиент

5
параметров подбора

Марка, модель, тип кузова, привод и топливо — покупатель находит нужную машину в пару кликов.

3
филиала на сайте

Москва, Краснодар и Новосибирск: наличие автомобилей и офисы показаны прямо на сайте, с картой проезда.

4
шага доставки из Китая

От подбора автомобиля до таможенной очистки — схема доставки понятна клиенту ещё до заявки.

Демо-версия всех страниц открыта по ссылкам ниже.

Хотите такой же каталог под ваш бизнес?

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

Получить предложение

Консультация бесплатна и ни к чему не обязывает

Демо-кейс: ссылка откроется после публикации проекта