™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_0
Zurück

Moto Center – Onlineshop für Motorräder und Roller

™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_1
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_2

Moto Center: Wie wir den Verkauf von Motorrädern und Rollern aus Social Media und Marktplätzen in einen eigenen Onlineshop verlagert haben

Moto Center verkauft neue E-Roller, E-Bikes, Motorräder und Quads (CORSO, YADEA, Tailg, Garow, Tairon) sowie gebrauchte Roller und Motorräder von Honda, Yamaha und Suzuki, die das Unternehmen selbst aus Japan importiert. Moto Center betreibt eine eigene Werkstatt und ein Ersatzteillager und liefert große Fahrzeuge mit eigenem Transport aus.

Vor dem Launch lief der Verkauf über TikTok, Facebook, Prom und Rozetka. Ein Publikum war vorhanden, doch der Shop hing von fremden Plattformen und deren Regeln ab. Unsere Aufgabe war es, einen eigenen Onlineshop zu entwickeln, der das Misstrauen gegenüber teuren Onlinekäufen abbaut, Einsteigern bei der Wahl hilft und den Bestellprozess einfach macht.

Design: Charakter statt Vorlage

Die meisten Shops in dieser Nische haben überladene, austauschbare Kataloge. Wir setzten auf einen wiedererkennbaren visuellen Stil: dunkler Header, orangefarbener Akzent, große Fahrzeugfotos in den Kategorien und kurze Blocküberschriften in der Sprache der Biker – „Die Straße ruft“, „Lautlos“ für Elektrofahrzeuge, „Kraftvoll“ für Benziner. Der erste Bildschirm zeigt sofort Preis, Ratenzahlung und Lieferbedingungen. Die Layouts entstanden nach dem Mobile-First-Prinzip: Die Zielgruppe von Moto Center kommt über TikTok und Instagram und öffnet die Website auf dem Smartphone. In der Desktop-Version gibt es ein Barrierefreiheits-Panel für Menschen mit besonderen Bedürfnissen.

Herausforderung Nr. 1: Wie verkauft man ein Fahrzeug für 50.000–130.000 Hrywnja, das man nicht besichtigen kann?

Ein teures Fahrzeug kauft kaum jemand ohne Zweifel. Wer einen gebrauchten Japaner sucht, befürchtet zusätzlich, dass das Fahrzeug schon in der Ukraine gefahren wurde oder versteckte Mängel hat.

  • Produktkarten ohne „Preis auf Anfrage“: Zustand (neu oder gebraucht), Verfügbarkeit, Preis und Rabatt, Möglichkeit der Ratenzahlung. Für Fahrzeuge aus Japan gibt es eigene Felder: Herkunftsland, Baujahr, Laufleistung und eine ausführliche Zustandsbeschreibung. Jede Karte folgt derselben Struktur.
  • Eigener Bereich „Gebrauchtfahrzeuge“: erklärt, wie das Unternehmen jedes Exemplar importiert und vorbereitet. Er beantwortet den wichtigsten Einwand der Käufer und dient zugleich als Landingpage für Suchanfragen wie „gebrauchter Honda-Roller aus Japan“.
  • Bewertungen: Bewertungen aus Google und sozialen Netzwerken auf der Startseite, auf der Produktseite moderierte Kundenbewertungen.
  • Ehrliche Verfügbarkeit: Nicht vorrätige Artikel rutschen automatisch ans Ende des Katalogs, und der Button „Kaufen“ wird zu „Bei Verfügbarkeit benachrichtigen“. Kunden bestellen nichts, was nicht auf Lager ist, und gehen dem Shop nicht verloren.

Herausforderung Nr. 2: Wie hilft man Einsteigern und erfahrenen Käufern gleichermaßen bei der Wahl?

Das Sortiment reicht vom Kinder-E-Bike bis zum Quad. Einsteiger verlieren den Überblick, erfahrene Käufer wollen nach technischen Daten filtern und kein Marketing lesen.

  • Block „Auswahlhilfe“: vier Schritte – Einsatzzweck, Antriebsart, Zustand und Budget. Danach landet der Nutzer im Katalog mit bereits gesetzten Filtern. Den Einsatzzweck („für die Stadt“, „für Lieferdienste“, „fürs Gelände“, „für Haus und Hof“) haben wir als eigenes Produktmerkmal angelegt, denn Einsteiger denken in Aufgaben, nicht in Hubraum.
  • Filter für Erfahrene: Preis, Marke, Motortyp und Hubraum, Leistung, Reichweite, Akkukapazität, Zuladung, Zustand.
  • Vergleich und Merkliste: für alle, die mehrere Tage zwischen Modellen abwägen.
  • Suche nach Name und Artikelnummer: für Ersatzteilkäufer, die genau wissen, was sie brauchen.

Herausforderung Nr. 3: Wie macht man einen großen Kauf einfach?

Je teurer das Fahrzeug, desto mehr Fragen tauchen bei Bezahlung und Lieferung auf.

  • Ratenzahlung über Monobank und PrivatBank: ein Label auf den Produktkarten und ein eigener Button auf der Produktseite, der direkt zur Bestellung mit bereits gewählter Zahlungsart führt.
  • Lieferung passend zur Größe: Nova Poshta, Ukrposhta, Delivery, Selbstabholung im Lager bei Winnyzja und eigener Transport für Motorräder und Quads.
  • „Set zum Fahrzeug“: Zum Roller lassen sich direkt Helm, Protektoren und Handschuhe mit Set-Rabatt hinzufügen. Der Kunde spart, und der Shop verkauft mehr pro Bestellung.
  • Promocodes und persönliche Rabatte für Stammkunden, darunter Werkstätten und Kuriere, die regelmäßig einkaufen.

Ergebnis: ein eigener Vertriebskanal

Moto Center hat jetzt einen eigenen Vertriebskanal, der nicht von Social-Media-Algorithmen oder Marktplatzprovisionen abhängt. Die Website vermittelt den wichtigsten Vorteil des Unternehmens: Hier werden Fahrzeuge nicht nur verkauft, sondern auch gewartet. Sie hilft Einsteigern bei der Modellwahl und macht den Kauf eines teuren Fahrzeugs einfach – mit Ratenzahlung und Lieferung bis vor die Tür. Der Katalog auf Drupal ist darauf ausgelegt, von Hunderten auf Tausende Artikel zu wachsen, ohne umgebaut zu werden.

Was wir gemacht haben
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_3
UI/UX, Gestaltung
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_4
Programmierung
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_5
Webseiten-Layout
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_6
Testen
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_7
Werbekampagne
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_8
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_9
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_10
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_11
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_12
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_13
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_14
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_15
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_16
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_17
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_18
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_19
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_20
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_21
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_22
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_23
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_24
Zugevendete Zeit
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_25
Moto Center – Onlineshop für Motorräder und Roller On laptop
Moto Center – Onlineshop für Motorräder und Roller On tablet
Hauptseite
™ Глянець, студія веб-дизайну — Moto Center – Onlineshop für Motorräder und Roller_26
Tools und Technologien
die wir bei der Entwicklung der Website verwendet haben
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Git
Figma
ChatGPT
Moto Center – Onlineshop für Motorräder und Roller
Interne Seiten
Bestellen Sie jetzt Ihre Website!

Nur ein Schritt zu Ihrer perfekten Website

Accessibility menu
Kontrasteinstellungen
Schriftgröße
Zeichenabstand
Zeilenabstand
Bilder
Schriftart
Zurücksetzen der Einstellungen