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

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.