Visão geral do projeto
A TBD Bikes precisava de uma loja Shopify sob medida para vender sua linha de ferramentas de motocross impressas em 3D e projetadas com precisão. Os temas prontos não combinavam com a visão da marca: uma estética escura e moderna, que fala com a comunidade do motocross. Criei do zero um tema Shopify Liquid totalmente personalizado, com um design escuro e elegante com detalhes em azul, galerias de produtos com navegação por miniaturas, um carrinho de compras completo com seleção de variantes e um sistema de solicitações sob medida para pedidos de ferramentas, personalização de cores e pedidos em grande quantidade.
Desafios e soluções
Design de tema escuro sob medida
Desafio: Criar do zero um tema Shopify escuro e moderno que combinasse com a identidade da marca de motocross, mantendo a legibilidade e a boa visibilidade dos produtos sobre fundos escuros.
Solução: Desenvolvi um tema Liquid sob medida com fundos escuros escolhidos com cuidado (#0a0a0a, #111111), destaques em azul (#3b82f6) e tipografia limpa com as fontes Bebas Neue e Inter. O design faz os produtos se destacarem no fundo escuro e mantém ótimas taxas de contraste para a leitura.
Sistema de solicitações e e-commerce sob medida
Desafio: Além do checkout padrão da Shopify, o cliente precisava de um sistema de solicitações sob medida para pedidos de ferramentas, personalização de cores e pedidos em grande quantidade, um recurso que os temas prontos não oferecem.
Solução: Criei páginas de solicitação com formulários por categoria (Dúvidas gerais, Pedidos de ferramentas personalizadas, Pedidos de novas cores, Pedidos em grande quantidade), integrados via FormSubmit. As páginas de produto têm seleção de variantes com atualização de preço em tempo real, galeria de imagens com navegação por miniaturas e um carrinho completo com controle de quantidade.
Design responsivo mobile-first
Desafio: Garantir que o tema escuro, as galerias de produtos e os formulários de solicitação funcionem perfeitamente em todos os dispositivos, principalmente no celular, de onde vem a maior parte do tráfego de e-commerce.
Solução: Implementei um layout responsivo mobile-first com menu hambúrguer recolhível, grades de produtos adaptadas ao toque, que passam de 4 colunas no desktop para 2 no celular, carregamento otimizado de imagens e efeito de desfoque de fundo na barra de navegação fixa, para uma experiência refinada no celular.
Resultados e impacto
22+
Produtos apresentados
4
Tipos de solicitação personalizados
100%
Responsivo para celular
1 semana
Do conceito ao lançamento
Apresentação da loja
Design completo da loja
Visão completa da loja Shopify da TBD Bikes, com o tema escuro e moderno, as galerias de produtos e o sistema de solicitações sob medida
Planejando um projeto como este?
Conte do que você precisa e respondemos em até 1 dia útil, com revisões ilimitadas até ficar do jeito certo.
Já tem um site? Com o Website Care, você combina gestão de site, SEO, Google Ads, gestão de redes sociais e design gráfico por US$ 150/mês por serviço.