Logo di SM SupportsSM Supports
Prenota
Torna ai progetti

TBD Bikes - Negozio Shopify personalizzato

Un tema e-commerce Shopify realizzato su misura per attrezzi da motocross stampati in 3D, con un design scuro e moderno, sistemi di richieste personalizzati e gallerie prodotto responsive.

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 del negozio Shopify personalizzato di TBD Bikes

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.