™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_0
Назад

Moto Center – интернет-магазин мототехники

™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_1
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_2

Moto Center: как мы перенесли продажи мототехники из соцсетей и маркетплейсов в собственный интернет-магазин

Moto Center продает новые электроскутеры, электровелосипеды, мотоциклы и квадроциклы (CORSO, YADEA, Tailg, Garow, Tairon), а также б/у скутеры и мотоциклы Honda, Yamaha и Suzuki, которые сам привозит из Японии. У компании есть собственный сервис, склад запчастей и доставка крупногабаритной техники своим транспортом.

До запуска сайта продажи шли через TikTok, Facebook, Prom и Rozetka. Аудитория была, но магазин зависел от чужих площадок и их правил. Нам нужно было создать собственный интернет-магазин, который снимает недоверие к дорогой покупке онлайн, помогает новичку выбрать технику и делает оформление простым.

Дизайн: характер вместо шаблона

У большинства магазинов в нише перегруженные однотипные каталоги. Мы сделали ставку на узнаваемый визуальный стиль: темная шапка, оранжевый акцент, крупные фото техники в категориях и короткие заголовки блоков на языке мотоциклистов – «Дорога зовет», «Бесшумные» для электротранспорта, «Мощный» для бензинового. Первый экран сразу показывает цену, оплату частями и условия доставки. Макеты разрабатывали по принципу mobile first: аудитория Moto Center приходит из TikTok и Instagram и открывает сайт со смартфона. На десктопе есть панель доступности для людей с особыми потребностями.

Вызов №1: Как продать технику за 50–130 тысяч гривен, которую нельзя осмотреть?

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

  • Карточка без «уточняйте»: состояние (новая или б/у), наличие, цена и скидка, доступность оплаты частями. Для техники из Японии предусмотрены отдельные поля: страна происхождения, год выпуска, пробег и развернутое описание состояния. Каждая карточка заполняется по единой структуре.
  • Отдельный раздел «Б/у техника»: объясняет, как компания привозит и готовит каждый экземпляр. Он отвечает на главное возражение покупателя и одновременно работает как посадочная страница под поисковые запросы вроде «б/у скутер Honda из Японии».
  • Отзывы: отзывы из Google и соцсетей на главной, а на странице товара – собственные отзывы покупателей с модерацией.
  • Честное наличие: отсутствующие товары автоматически опускаются в конец каталога, а кнопка «Купить» меняется на «Сообщить о наличии». Клиент не заказывает то, чего нет на складе, и не теряется для магазина.

Вызов №2: Как помочь с выбором и новичку, и опытному покупателю?

Ассортимент – от детского электровелосипеда до квадроцикла. Новичок теряется, а опытный покупатель хочет отфильтровать по характеристикам и не читать маркетинг.

  • Блок «Подбор»: четыре шага – назначение, тип двигателя, состояние и бюджет. После них пользователь попадает в каталог с уже примененными фильтрами. Назначение («для города», «для доставки», «для бездорожья», «для хозяйства») мы сделали отдельным параметром товара, потому что новичок мыслит задачей, а не кубатурой.
  • Фильтры для опытных: цена, бренд, тип и объем двигателя, мощность, запас хода, емкость аккумулятора, грузоподъемность, состояние.
  • Сравнение и избранное: для тех, кто выбирает между несколькими моделями несколько дней.
  • Поиск по названию и артикулу: для покупателей запчастей, которые точно знают, что ищут.

Вызов №3: Как сделать крупную покупку простой?

Чем дороже техника, тем больше вопросов возникает в момент оплаты и доставки.

  • Оплата частями от Monobank и ПриватБанка: метка в карточках и отдельная кнопка на странице товара, которая ведет к оформлению с уже выбранным способом оплаты.
  • Доставка под габарит: Новая Почта, Укрпочта, Delivery, самовывоз со склада в Зарванцах и собственный транспорт для мотоциклов и квадроциклов.
  • «Комплект к технике»: к скутеру можно сразу добавить шлем, защиту и перчатки со скидкой на комплект. Клиент экономит, а магазин продает больше за один заказ.
  • Промокоды и персональные скидки для постоянных клиентов, в том числе сервисов и курьеров, которые покупают регулярно.

Результат: собственный канал продаж

Moto Center получил собственный канал продаж, который не зависит от алгоритмов соцсетей и комиссий маркетплейсов. Сайт доносит главное преимущество компании: технику здесь не только продают, но и обслуживают. Он помогает новичку выбрать модель, а покупку дорогой техники делает простой – с оплатой частями и доставкой до двери. Каталог на Drupal рассчитан на рост от сотен до тысяч позиций без переделки.

Что мы сделали
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_3
UI/UX, дизайн
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_4
Программирование
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_5
Верстка
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_6
Тестирование
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_7
Рекламная кампания
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_8
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_9
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_10
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_11
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_12
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_13
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_14
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_15
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_16
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_17
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_18
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_19
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_20
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_21
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_22
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_23
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_24
Ушло времени
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_25
Moto Center – интернет-магазин мототехники На ноутбуке
Moto Center – интернет-магазин мототехники На планшете
Главная страница
™ Глянец, студия веб-дизайна - Moto Center – интернет-магазин мототехники_26
Инструменты и технологии
которые мы использовали в работе над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Git
Figma
ChatGPT
Moto Center – интернет-магазин мототехники
Внутренние страницы
Заказать сайт сейчас!

Ваш будущий сайт слишком хорош, чтобы принадлежать кому-то другому

Меню специальных возможностей
Настройки контрастности
Размер шрифта
Расстояние между буквами
Высота строки
Изображения
Шрифт
Сброс настроек