Racing Bike 1998 · Tienda Online de Ciclismo

Racing Bike 1998 es una tienda de ciclismo con sede en Bogotá, activa desde 1998. Vende bicicletas de ruta, montaña (MTB), gravel, eléctricas (e-bike) e infantiles, marcos, componentes y accesorios para la bicicleta y para el ciclista (cascos, ropa, zapatillas, bandas de frecuencia cardíaca). Trabaja con marcas como Trek, Orbea, Shimano y Magene, además de bicicletas y marcos de marca propia.

Su propuesta no es solo vender producto: cada bicicleta se entrega armada y ajustada en su propio taller de Bogotá, el marco propio tiene garantía de por vida y la tienda atiende por WhatsApp a quien necesita asesoría antes de comprar.

La tienda en línea tenía que llevar esa misma experiencia a todo el país: envíos a toda Colombia cotizados por ciudad, pagos locales y un catálogo técnico que se pueda recorrer sin saber de antemano cómo se llama cada pieza.

Vender bicicletas y componentes en línea es más difícil que vender ropa o accesorios. Había que resolver cinco cosas a la vez:

• Un catálogo grande y técnico: bicicletas con talla y color, grupos de transmisión, potenciómetros, sensores, neumáticos, ropa. El comprador tiene que encontrar lo que busca por precio, marca, talla o descuento sin perderse.
• La talla, que es la principal causa de duda: un marco muy grande o muy pequeño resta control y comodidad, y comprar sin probarla da miedo.
• Pagar una compra grande: una bicicleta cuesta millones de pesos, así que la financiación y los medios de pago locales (PSE, tarjetas, Addi) tienen que estar a la vista.
• Entregar en todo el país una bicicleta que sale armada y ajustada de un taller en Bogotá, con el costo y el plazo del envío claros.
• Mantener la tienda viva: una tienda con pagos reales no puede romperse en un despliegue ni quedarse sin respaldo si algo falla.

Una tienda WooCommerce con un tema propio, diseñado y programado a la medida de la marca. Lo que contiene:

• Portada con carrusel de campañas, una barra de anuncios con las promesas de la marca (envío a toda Colombia en 2 a 5 días hábiles, garantía de por vida en el marco, bicicleta entregada armada y ajustada, financiación y pagos seguros) y una franja de beneficios bajo el carrusel.
• Menú por tipo de compra: Bicicletas y Marcos, Para Ti, Para tu bici, Para la Ruta y Outlet, con submenús por categoría (ruta, MTB, e-bike, kids, grupos, potenciómetros, frenos, sillines y más).
• Explorador de categorías en la portada, selecciones destacadas y una sección de ofertas con porcentaje de descuento y avisos de pocas unidades.
• Catálogo con filtros de precio (con la distribución de precios del catálogo), descuento, marca y talla, orden configurable y vista en cuadrícula o lista.
• Ficha de producto con galería, variantes de talla y color, precio y cuota mensual con Addi, aviso de envío y un botón fijo de compra que acompaña al visitante al desplazarse.
• Guía «Encuentra tu talla»: tres pasos, sin registrarse, que a partir de la estatura indican qué talla buscar, enlazada desde el menú y desde cada ficha de bicicleta.
• Asesoría por WhatsApp en un botón flotante y dentro de cada ficha, con la talla, la disponibilidad y el envío resueltos por una persona.
• Cuenta de cliente, lista de deseos y carrito, y una suscripción con un descuento de lanzamiento.
• Consentimiento de cookies y ventana de suscripción desarrollados como plugins propios, y publicación en Instagram y Facebook con los plugins de esas plataformas.

La tienda es un WordPress con WooCommerce y un tema propio construido sobre Sage 11 (plantillas Blade con Acorn, el contenedor de Laravel para WordPress), con Tailwind CSS v4 para los estilos y Vite para compilar los recursos. Es decir: la edición de productos, pedidos e inventario se hace en el panel de WooCommerce que el equipo ya conoce, y el diseño vive en código versionado en vez de en un constructor visual.

Lo que define el diseño técnico:

• Entorno local con Docker: un solo comando levanta WordPress, la base de datos y WP-CLI, y el tema se monta desde el equipo de desarrollo, así que los cambios en plantillas, CSS y JavaScript se ven al instante. Para instalar desde cero hay scripts de siembra del catálogo de ejemplo, el menú y la portada.
• Plantillas de la tienda publicadas como vistas Blade propias (listado, ficha, carrito, cuenta), en vez de las genéricas de WooCommerce.
• Carrito y finalización de compra con shortcodes de WooCommerce y no con bloques: los bloques ignoran las plantillas del tema.
• Moneda en pesos colombianos (COP), con punto como separador de miles y sin decimales.
• Versión de PHP fijada en el proyecto (8.4.1) para que las dependencias instaladas fuera del servidor no se rompan en un contenedor con una versión anterior; los datos que las vistas necesitan se entregan con with() de los View Composers, porque Acorn envuelve los métodos públicos y Blade los escapa como si fueran texto.
• Servidor con LiteSpeed Cache y plugins de WooCommerce, de Facebook y de Instagram, además de los dos plugins propios de consentimiento y de suscripción.
• Operación documentada: herramientas de despliegue por versiones, reversión (rollback), copias de seguridad y restauración, scripts de datos de producción que por defecto solo simulan (dry-run), un documento de arquitectura con el inventario de plugins y la deuda conocida, y guías para un incidente de pagos, una reversión, una restauración y la rotación de credenciales.

Así es el proceso de SkyCode en cualquier proyecto de software a medida, incluida una tienda en línea como esta:

• Una charla inicial para entender la tienda, el catálogo y la forma de vender, con un plan claro y un presupuesto honesto.
• Contrato con cronograma acordado, anticipo del 50 % y accesos y repositorios a nombre del cliente.
• Avances reales cada semana en un entorno privado, para recorrer la tienda como lo haría un comprador antes de abrirla al público.
• Lanzamiento con el 50 % restante solo cuando todo está probado y funcionando, y 90 días de garantía de estabilidad técnica.

En este proyecto el tema, la tienda y la operación quedaron documentados para que cualquier persona del equipo pueda desplegar, revertir o restaurar sin depender de quien lo construyó.

El sitio publicado muestra lo que se entregó: racingbike.com.co con su catálogo por categorías, los filtros, la guía de tallas, las fichas con financiación y la asesoría por WhatsApp a la vista en todas las páginas.