Resumen del proyecto
TBD Bikes necesitaba una tienda Shopify a medida para vender su línea de herramientas de motocross impresas en 3D y diseñadas con precisión. Los temas prediseñados no encajaban con su visión de marca: una estética oscura y moderna que conecte con la comunidad del motocross. Creé desde cero un tema de Shopify Liquid totalmente personalizado, con un elegante diseño oscuro y detalles en azul, galerías de productos con navegación por miniaturas, un carrito de compra completo con selección de variantes y un sistema de consultas a medida para solicitudes de herramientas, personalización de colores y pedidos al por mayor.
Retos y soluciones
Diseño de tema oscuro a medida
Reto: Crear desde cero un tema de Shopify oscuro y moderno que encaje con la identidad de marca del motocross, manteniendo la legibilidad y una buena visibilidad de los productos sobre fondos oscuros.
Solución: Desarrollé un tema Liquid a medida con fondos oscuros cuidadosamente elegidos (#0a0a0a, #111111), acentos en azul (#3b82f6) y una tipografía limpia con las fuentes Bebas Neue e Inter. El diseño hace que los productos destaquen sobre el fondo oscuro y mantiene excelentes niveles de contraste para facilitar la lectura.
Sistema de consultas y comercio electrónico a medida
Reto: Más allá del proceso de pago estándar de Shopify, el cliente necesitaba un sistema de consultas a medida para solicitudes de herramientas, personalización de colores y pedidos al por mayor, una funcionalidad que no ofrecen los temas prediseñados.
Solución: Creé páginas de consulta a medida con formularios por categorías (Preguntas generales, Solicitudes de herramientas personalizadas, Solicitudes de nuevos colores, Pedidos al por mayor) integrados mediante FormSubmit. Las páginas de producto incluyen selección de variantes con actualización del precio en tiempo real, una galería de imágenes con navegación por miniaturas y un carrito completo con control de cantidades.
Diseño adaptable pensado primero para dispositivos móviles
Reto: Garantizar que el tema oscuro, las galerías de productos y los formularios de consulta funcionen sin problemas en cualquier dispositivo, sobre todo en el teléfono móvil, de donde procede la mayor parte del tráfico del comercio electrónico.
Solución: Implementé un diseño adaptable pensado primero para dispositivos móviles, con un menú hamburguesa desplegable, cuadrículas de productos optimizadas para pantallas táctiles que pasan de 4 columnas en equipos de escritorio a 2 en teléfonos móviles, carga de imágenes optimizada y efectos de desenfoque de fondo en la barra de navegación fija para lograr una experiencia pulida en el teléfono móvil.
Resultados e impacto
22+
Productos presentados
4
Tipos de consulta a medida
100 %
Adaptación a dispositivos móviles
1 semana
Del concepto al lanzamiento
Vista de la tienda

Diseño completo de la tienda
Vista completa de la tienda Shopify de TBD Bikes, con el tema oscuro y moderno, las galerías de productos y el sistema de consultas a medida
¿Tienes en mente un proyecto como este?
Cuéntanos qué necesitas y te respondemos en un plazo de 1 día hábil, con revisiones ilimitadas hasta que quede bien.
¿Ya tienes un sitio web? Con Website Care puedes combinar mantenimiento web, SEO, Google Ads, redes sociales y diseño gráfico a 150 US$/mes por servicio.