Замовлення сайтів:
Підтримка сайтів:
Підтримка сайтів:
Вінниця:
Краків:
™ Глянець, студія веб-дизайну — 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 – інтернет-магазин мототехніки
Внутрішні сторінки
Замовити сайт зараз!

Всього один крок до вашого бездоганного сайту

Налаштування доступності
Налаштування контрасту
Розмір шрифту
Міжбуквенний інтервал
Міжрядковий інтервал
Зображення
Шрифт
Скинути налаштування