Logo von SM SupportsSM Supports
Termin buchen
Zurück zu den Projekten

TBD Bikes – Individueller Shopify-Shop

Ein maßgeschneidertes Shopify-Theme für 3D-gedruckte Motocross-Werkzeuge, mit dunklem, modernem Design, eigenen Anfragesystemen und responsiven Produktgalerien.

Projektüberblick

TBD Bikes brauchte einen individuellen Shopify-Shop für seine präzise konstruierten, 3D-gedruckten Motocross-Werkzeuge. Fertige Themes passten nicht zur Vorstellung der Marke – einer dunklen, modernen Ästhetik, die die Motocross-Szene anspricht. Ich habe ein vollständig individuelles Shopify-Liquid-Theme von Grund auf entwickelt: mit elegantem dunklem Design und blauen Akzenten, Produktgalerien mit Navigation über Miniaturansichten, einem vollständigen Warenkorb mit Variantenauswahl und einem eigenen Anfragesystem für Werkzeugwünsche, Farbanpassungen und Großbestellungen.

Herausforderungen & Lösungen

Individuelles dunkles Theme

Herausforderung: Ein dunkles, modernes Shopify-Theme von Grund auf entwickeln, das zur Markenidentität im Motocross passt und auf dunklen Hintergründen trotzdem gut lesbar bleibt und die Produkte deutlich zur Geltung bringt.

Lösung: Ich habe ein individuelles Liquid-Theme mit sorgfältig gewählten dunklen Hintergründen (#0a0a0a, #111111), blauen Akzenten (#3b82f6) und klarer Typografie mit den Schriften Bebas Neue und Inter entwickelt. Die Produkte heben sich deutlich vom dunklen Hintergrund ab, und hervorragende Kontrastverhältnisse sichern die Lesbarkeit.

Individuelles Anfrage- & E-Commerce-System

Herausforderung: Über den Standard-Checkout von Shopify hinaus brauchte der Kunde ein eigenes Anfragesystem für Werkzeugwünsche, Farbanpassungen und Großbestellungen – Funktionen, die fertige Themes nicht bieten.

Lösung: Ich habe eigene Anfrageseiten mit thematisch gegliederten Formularen (allgemeine Fragen, Anfragen für individuelle Werkzeuge, Wünsche für neue Farben, Großbestellungen) entwickelt und über FormSubmit angebunden. Die Produktseiten bieten eine Variantenauswahl mit Preisaktualisierung in Echtzeit, eine Bildergalerie mit Navigation über Miniaturansichten und einen vollständigen Warenkorb mit Mengenauswahl.

Responsives Mobile-First-Design

Herausforderung: Sicherstellen, dass das dunkle Theme, die Produktgalerien und die Anfrageformulare auf allen Geräten reibungslos funktionieren – vor allem auf Mobilgeräten, über die der Großteil der Zugriffe im E-Commerce kommt.

Lösung: Ich habe ein responsives Mobile-First-Layout umgesetzt: mit einklappbarem Hamburger-Menü, touchfreundlichen Produktrastern, die von 4 Spalten am Desktop auf 2 auf Mobilgeräten wechseln, optimiertem Laden der Bilder und einem Weichzeichner-Effekt hinter der fixierten Navigationsleiste für ein hochwertiges mobiles Erlebnis.

Ergebnisse & Wirkung

  • 22+

    Präsentierte Produkte

  • 4

    Individuelle Anfragearten

  • 100 %

    Mobil optimiert

  • 1 Woche

    Vom Konzept zum Livegang

Einblick in den Shop

Individuelles Shopify-Shop-Design von TBD Bikes

Das komplette Shop-Design

Gesamtansicht des Shopify-Shops von TBD Bikes mit dunklem, modernem Theme, Produktgalerien und eigenem Anfragesystem

Sie planen ein ähnliches Projekt?

Erzählen Sie uns, was Sie brauchen. Wir antworten innerhalb eines Arbeitstags und überarbeiten in unbegrenzten Korrekturschleifen, bis alles stimmt.

Sie haben bereits eine Website? Mit der Website-Betreuung kombinieren Sie Website-Pflege, SEO, Google Ads, Social Media und Grafikdesign für 150 $/Monat pro Leistung.