™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_0
Wstecz

Moto Center – sklep internetowy z motocyklami i skuterami

™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_1
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_2

Moto Center: jak przenieśliśmy sprzedaż motocykli i skuterów z mediów społecznościowych i marketplace’ów do własnego sklepu internetowego

Moto Center sprzedaje nowe skutery elektryczne, rowery elektryczne, motocykle i quady (CORSO, YADEA, Tailg, Garow, Tairon), a także używane skutery i motocykle Honda, Yamaha i Suzuki, które samodzielnie sprowadza z Japonii. Firma ma własny serwis, magazyn części zamiennych i dostarcza pojazdy wielkogabarytowe własnym transportem.

Przed uruchomieniem strony sprzedaż odbywała się przez TikTok, Facebook, Prom i Rozetkę. Odbiorcy byli, ale sklep zależał od cudzych platform i ich zasad. Naszym zadaniem było stworzenie własnego sklepu internetowego, który przełamuje nieufność wobec drogich zakupów online, pomaga początkującym wybrać pojazd i upraszcza składanie zamówienia.

Projekt: charakter zamiast szablonu

Większość sklepów w tej niszy ma przeładowane, podobne do siebie katalogi. Postawiliśmy na rozpoznawalny styl wizualny: ciemny nagłówek, pomarańczowy akcent, duże zdjęcia pojazdów w kategoriach i krótkie nagłówki bloków w języku motocyklistów – „Droga wzywa”, „Ciche” dla pojazdów elektrycznych, „Mocny” dla spalinowych. Pierwszy ekran od razu pokazuje cenę, możliwość zakupu na raty i warunki dostawy. Makiety projektowaliśmy zgodnie z zasadą mobile first: odbiorcy Moto Center przychodzą z TikToka i Instagrama i otwierają stronę na smartfonie. W wersji desktopowej dostępny jest panel dostępności dla osób o szczególnych potrzebach.

Wyzwanie nr 1: Jak sprzedać pojazd za 50–130 tysięcy hrywien, którego nie można obejrzeć?

Drogi pojazd rzadko kupuje się bez wątpliwości. Kupujący używany japoński skuter dodatkowo podejrzewa, że jeździł on już po Ukrainie albo ma ukryte wady.

  • Karta produktu bez „proszę pytać”: stan (nowy czy używany), dostępność, cena i rabat, możliwość zakupu na raty. Dla pojazdów z Japonii przewidziano osobne pola: kraj pochodzenia, rok produkcji, przebieg i szczegółowy opis stanu. Każda karta jest wypełniana według tej samej struktury.
  • Osobny dział „Pojazdy używane”: wyjaśnia, jak firma sprowadza i przygotowuje każdy egzemplarz. Odpowiada na główną obawę kupującego i jednocześnie działa jako strona docelowa dla zapytań typu „używany skuter Honda z Japonii”.
  • Opinie: opinie z Google i mediów społecznościowych na stronie głównej, a na stronie produktu – moderowane opinie klientów.
  • Uczciwa dostępność: niedostępne produkty automatycznie przesuwają się na koniec katalogu, a przycisk „Kup” zmienia się na „Powiadom o dostępności”. Klient nie zamawia tego, czego nie ma w magazynie, a sklep go nie traci.

Wyzwanie nr 2: Jak pomóc w wyborze zarówno początkującym, jak i doświadczonym?

Asortyment obejmuje wszystko – od dziecięcego roweru elektrycznego po quada. Początkujący się gubi, a doświadczony kupujący chce filtrować według parametrów i pominąć marketing.

  • Blok „Dobór”: cztery kroki – przeznaczenie, typ silnika, stan i budżet. Na końcu użytkownik trafia do katalogu z już zastosowanymi filtrami. Przeznaczenie („do miasta”, „do pracy kuriera”, „w teren”, „do gospodarstwa”) zrobiliśmy osobnym parametrem produktu, bo początkujący myśli zadaniem, a nie pojemnością silnika.
  • Filtry dla doświadczonych: cena, marka, typ i pojemność silnika, moc, zasięg, pojemność akumulatora, ładowność, stan.
  • Porównanie i ulubione: dla tych, którzy przez kilka dni wybierają między modelami.
  • Wyszukiwanie po nazwie i kodzie produktu: dla kupujących części, którzy dokładnie wiedzą, czego szukają.

Wyzwanie nr 3: Jak uprościć duży zakup?

Im droższy pojazd, tym więcej pytań pojawia się przy płatności i dostawie.

  • Raty od Monobank i PrivatBank: oznaczenie na kartach produktów i osobny przycisk na stronie produktu, który prowadzi do zamówienia z już wybraną formą płatności.
  • Dostawa dopasowana do gabarytów: Nova Poshta, Ukrposhta, Delivery, odbiór osobisty z magazynu pod Winnicą i własny transport dla motocykli i quadów.
  • „Zestaw do pojazdu”: do skutera można od razu dodać kask, ochraniacze i rękawice z rabatem na zestaw. Klient oszczędza, a sklep sprzedaje więcej w ramach jednego zamówienia.
  • Kody promocyjne i rabaty indywidualne dla stałych klientów, w tym serwisów i kurierów, którzy kupują regularnie.

Rezultat: własny kanał sprzedaży

Moto Center zyskał własny kanał sprzedaży, który nie zależy od algorytmów mediów społecznościowych ani prowizji marketplace’ów. Strona przekazuje główną przewagę firmy: pojazdy są tu nie tylko sprzedawane, ale też serwisowane. Pomaga początkującym wybrać model, a zakup drogiego pojazdu czyni prostym – z ratami i dostawą pod drzwi. Katalog na Drupalu jest przygotowany na wzrost od setek do tysięcy pozycji bez przebudowy.

Co zrobiliśmy
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_3
Interfejs użytkownika/UX, projekt
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_4
Programowanie
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_5
Układ
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_6
Testowanie
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_7
Kampania reklamowa
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_8
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_9
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_10
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_11
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_12
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_13
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_14
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_15
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_16
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_17
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_18
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_19
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_20
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_21
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_22
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_23
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_24
Czas poświęcony
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_25
Moto Center – sklep internetowy z motocyklami i skuterami On laptop
Moto Center – sklep internetowy z motocyklami i skuterami On tablet
Strona główna
™ Глянець, студія веб-дизайну — Moto Center – sklep internetowy z motocyklami i skuterami_26
Narzędzia i technologie
which we used to work on the site
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Git
Figma
ChatGPT
Moto Center – sklep internetowy z motocyklami i skuterami
Strony wewnętrzne
Zamów stronę już teraz!

Tylko jeden krok do Twojej idealnej strony internetowej

Menu dostępności
Ustawienia kontrastu
Rozmiar czcionki
Odstępy między literami
Wysokość linii
Obrazki
Chrzcielnica
Zresetuj ustawienia