Panoramica del progetto
TBD Bikes aveva bisogno di un negozio Shopify su misura per vendere la sua linea di attrezzi da motocross stampati in 3D e progettati con precisione. I temi già pronti non rispecchiavano la sua visione del brand: un'estetica scura e moderna, che parlasse alla comunità del motocross. Ho realizzato da zero un tema Shopify Liquid completamente personalizzato, con un design scuro ed elegante con accenti blu, gallerie prodotto con navigazione a miniature, un carrello completo con selezione delle varianti e un sistema di richieste dedicato per attrezzi su misura, personalizzazione dei colori e ordini all'ingrosso.
Sfide e soluzioni
Tema scuro su misura
Sfida: creare da zero un tema Shopify scuro e moderno, in linea con l'identità del brand motocross, mantenendo la leggibilità e una buona visibilità dei prodotti sugli sfondi scuri.
Soluzione: ho sviluppato un tema Liquid personalizzato con sfondi scuri scelti con cura (#0a0a0a, #111111), accenti blu (#3b82f6) e una tipografia pulita con i font Bebas Neue e Inter. Il design fa risaltare i prodotti sullo sfondo scuro mantenendo ottimi rapporti di contrasto per la leggibilità.
Sistema di richieste ed e-commerce su misura
Sfida: oltre al checkout standard di Shopify, il cliente aveva bisogno di un sistema di richieste dedicato per attrezzi su misura, personalizzazione dei colori e ordini all'ingrosso: funzionalità non disponibili nei temi già pronti.
Soluzione: ho creato pagine di richiesta personalizzate con moduli suddivisi per categoria (Domande generali, Richieste di attrezzi su misura, Richieste di nuovi colori, Ordini all'ingrosso), integrati tramite FormSubmit. Le pagine prodotto includono la selezione delle varianti con aggiornamento del prezzo in tempo reale, una galleria di immagini con navigazione a miniature e un carrello completo con controllo delle quantità.
Design responsive pensato per il mobile
Sfida: garantire che tema scuro, gallerie prodotto e moduli di richiesta funzionino perfettamente su tutti i dispositivi, soprattutto su mobile, da cui arriva la maggior parte del traffico e-commerce.
Soluzione: ho realizzato un layout responsive progettato partendo dal mobile, con menu hamburger a scomparsa, griglie prodotto adatte al touch che passano da 4 colonne su desktop a 2 su mobile, caricamento ottimizzato delle immagini ed effetto di sfocatura dello sfondo sulla barra di navigazione fissa, per un'esperienza mobile curata.
Risultati e impatto
22+
Prodotti in vetrina
4
Tipi di richiesta personalizzati
100%
Responsive su mobile
1 settimana
Dall'idea al lancio
Il negozio in vetrina

Design completo del negozio
Vista completa del negozio Shopify di TBD Bikes, con il tema scuro e moderno, le gallerie prodotto e il sistema di richieste personalizzato
Hai in mente un progetto simile?
Dicci di cosa hai bisogno: rispondiamo entro 1 giorno lavorativo, con revisioni illimitate finché il risultato non è quello giusto.
Hai già un sito web? Con Website Care puoi combinare gestione sito web, SEO, Google Ads, social media e graphic design a 150 USD/mese per servizio.