К содержанию
Работа

OffRoad-Zone — магазин тюнинга внедорожников с сервисом, арендой, заездами и мобильным приложением

OffRoad-Zone — дубайский тюнинг-центр Jeep, у которого пять способов заработать: запчасти, работы сервиса, продажа автомобилей, аренда и пустынные заезды. Мы собрали их в один магазин так, что деталь, её установка и выезд в дюны кладутся в одну корзину и оплачиваются одним чеком. Сквозная нить всей витрины — подбор по автомобилю: покупатель выбирает марку, модель и год один раз, дальше магазин показывает только то, что встанет на его машину.

Главный экран проекта Нажмите, чтобы рассмотреть
OffRoad-Zone — магазин тюнинга внедорожников с сервисом, арендой, заездами и мобильным приложением 01 / 07
OffRoad-Zone — магазин тюнинга внедорожников с сервисом, арендой, заездами и мобильным приложением — Главный экран проекта
Клиент
Cromex
Индустрия
Электронная коммерция
Срок
7 месяцев
Команда
6 человек

Задача

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

Каждое требование при этом ломало стандартную модель магазина:

  • покупатель ищет не «бампер», а бампер, который встанет на его Wrangler конкретного года, — значит, подбор по автомобилю должен работать во всех разделах, а не на одной странице;
  • аренда продаёт не штуку со склада, а интервал времени: в паре «товар и остаток» такого понятия просто нет;
  • у постоянных клиентов свои цены, причём не только на товары, но и на работы сервиса и на заезды;
  • витрина говорит на трёх языках, включая арабский справа налево, и считает в дирхамах с 5% НДС;
  • всё то же самое должно работать в мобильном приложении, а не быть его урезанной копией.

Решение

Подбор по автомобилю. Совместимость хранится не строкой в описании, а тремя многозначными атрибутами товара — марки, модели, годы. Один комплект тяг стабилизатора числится сразу за поколениями Wrangler JK, JL, Gladiator JT и версией 392 Rubicon и закрывает почти два десятка модельных годов. Из этого вырастает всё остальное: в слоёной навигации категории появляются фильтры Makes, Models и Years рядом с ценой и брендом, на карточке — вкладка Compatibility и кнопка проверки под конкретную машину, а выбранный автомобиль не сбрасывается при переходе между категориями. Селектор «марка — модель — год» связан каскадом: марка перерисовывает модели, модель ограничивает годы. Марки не заканчиваются на Jeep: в справочнике есть Land Rover, BMW, Honda, Audi, Nissan и другие — сервис работает шире профильного бренда.

Гараж. Автомобиль сохраняется в личном кабинете, и дальше витрина работает от него: каталог фильтруется сам, карточка сразу отвечает «подходит / не подходит», а при выборе сервисной услуги машина подставляется в заявку. Гараж хранит несколько машин и переключает подбор между ними.

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

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

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

Оплата. Локальный шлюз TELR с картами, Apple Pay и Google Pay: дорабатывали поведение при возврате со страницы оплаты и сопоставление статусов транзакции со статусами заказа. На карточке отдельно считается рассрочка Tabby — покупатель видит помесячный платёж и четыре беспроцентные части ещё до корзины, и для лифт-комплекта это влияет на решение.

Арабская витрина. Не переводчик поверх интерфейса, а полноценное представление магазина: зеркалятся шапка, меню, слоёная навигация, плитки товаров и блок цены, суммы выводятся арабско-индийскими цифрами. Артикулы и англоязычные названия брендов остаются как есть — по ним и ищут деталь.

Приложение. iOS и Android работают поверх той же Magento через REST API и повторяют сценарии витрины: подбор, гараж, корзину, сервис, аренду, заезды и членство.

Результат

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

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

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

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

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

5 типов продажи в одной корзине: товар, работа, автомобиль, аренда, заезд
11 направлений каталога модификаций, от подвески до кемпинга
3 витрины: английская, арабская с правым письмом и русская
7 месяцев срок работы команды из 6 человек
Ещё

Похожие проекты

Всё портфолио
Artik — интернет-магазин печати на заказ с онлайн-конструктором
Работа OneCore Media

Artik — интернет-магазин печати на заказ с онлайн-конструктором

Artik — канадская платформа заказа одежды, спортивной формы и промопродукции с индивидуальным нанесением. У обычного магазина цена привязана к SKU; здесь она собирается из тиража, цвета основы, размерной сетки, числа зон печати и количества красок в каждой из них. Поэтому магазин соединён с онлайн-конструктором макетов и производственным контуром типографии в один сквозной путь — от выбора футболки до задания в цех.

Интернет-магазин
MagentoPHPMySQL
CanMedDirect — интернет-магазин медицинских расходных материалов
Работа OneCore Media

CanMedDirect — интернет-магазин медицинских расходных материалов

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

Интернет-магазин
PHPMagentoMySQL
Forpost — B2B-платформа оптовой торговли с Click2Buy и POS для торговых представителей
Работа OneCore Media

Forpost — B2B-платформа оптовой торговли с Click2Buy и POS для торговых представителей

Единый цифровой контур канадского оптового дистрибьютора товаров для дома и сада. Публичный сайт знакомит с брендом и ассортиментом, Click2Buy обслуживает самостоятельный B2B-заказ, POS работает в руках торгового представителя в шоуруме и на выставке. Три канала стоят на одних SKU, ценах, остатках, клиентах и заказах, поэтому продажа сейлза не превращается в отдельную ручную таблицу.

Интернет-магазинКорпоративные порталы
MagentoPHP
Первый разговор — бесплатно

Расскажите, что хотите изменить

За одну встречу уточним задачу и предложим следующий шаг, даже если вам нужен другой подрядчик.

Что будет на встрече
  1. 01 Опишите задачу своими словами
  2. 02 Уточним цель и ограничения
  3. 03 Предложим решение и следующий шаг
длительность 45–60 мин