Logo van SM SupportsSM Supports
Gesprek plannen
Terug naar projecten

TBD Bikes – Shopify-webshop op maat

Een op maat gebouwd Shopify-thema voor 3D-geprint motorcrossgereedschap, met een donker, modern design, eigen aanvraagsystemen en responsive productgalerijen.

Projectoverzicht

TBD Bikes had een Shopify-webshop op maat nodig om hun assortiment nauwkeurig ontworpen, 3D-geprint motorcrossgereedschap te verkopen. Standaardthema's pasten niet bij hun merkvisie: een donkere, moderne uitstraling die de motorcrosscommunity aanspreekt. Ik bouwde vanaf nul een volledig eigen Shopify Liquid-thema, met een strak, donker design met blauwe accenten, productgalerijen met navigatie via miniaturen, een complete winkelwagen met keuze uit varianten en een eigen aanvraagsysteem voor gereedschapsverzoeken, kleuraanpassingen en bulkbestellingen.

Uitdagingen & oplossingen

Eigen donker thema

Uitdaging: vanaf nul een donker, modern Shopify-thema bouwen dat past bij de motorcrossidentiteit van het merk, met goede leesbaarheid en producten die goed zichtbaar blijven op een donkere achtergrond.

Oplossing: ik ontwikkelde een eigen Liquid-thema met zorgvuldig gekozen donkere achtergronden (#0a0a0a, #111111), blauwe accenten (#3b82f6) en strakke typografie met de lettertypen Bebas Neue en Inter. Zo springen de producten eruit op het donkere canvas, met uitstekende contrastverhoudingen voor de leesbaarheid.

Aanvraag- & e-commercesysteem op maat

Uitdaging: naast de standaard Shopify-checkout had de klant een eigen aanvraagsysteem nodig voor gereedschapsverzoeken, kleuraanpassingen en bulkbestellingen: functionaliteit die standaardthema's niet bieden.

Oplossing: ik bouwde aanvraagpagina's op maat met formulieren per categorie (Algemene vragen, Gereedschap op maat, Nieuwe kleuren, Bulkbestellingen), gekoppeld via FormSubmit. Productpagina's hebben variantkeuze met prijsupdates in realtime, een afbeeldingengalerij met navigatie via miniaturen en een volledige winkelwagen waarin je aantallen aanpast.

Responsive mobile-first design

Uitdaging: zorgen dat het donkere thema, de productgalerijen en de aanvraagformulieren soepel werken op elk apparaat, vooral op mobiel, waar het meeste e-commerceverkeer vandaan komt.

Oplossing: ik bouwde een responsive mobile-first lay-out met een inklapbaar hamburgermenu, aanraakvriendelijke productrasters die van 4 kolommen op desktop naar 2 op mobiel gaan, geoptimaliseerd laden van afbeeldingen en een vervagingseffect achter de vaste navigatiebalk, voor een verzorgde mobiele ervaring.

Resultaten & impact

  • 22+

    Gepresenteerde producten

  • 4

    Soorten aanvragen op maat

  • 100%

    Responsive op mobiel

  • 1 week

    Van concept tot lancering

Webshop in beeld

Ontwerp van de Shopify-webshop op maat van TBD Bikes

Volledig webshopontwerp

Volledige weergave van de Shopify-webshop van TBD Bikes, met het donkere, moderne thema, de productgalerijen en het eigen aanvraagsysteem

Een vergelijkbaar project in gedachten?

Vertel ons wat je nodig hebt. We reageren binnen 1 werkdag, met onbeperkt revisies tot het goed is.

Heb je al een website? Met Website Care combineer je websitebeheer, SEO, Google Ads, social media en grafisch ontwerp voor US$ 150/mnd per dienst.