Nuestra propia tienda de ciclismo en Colombia, migrada de Shopify Liquid a un stack headless con Hydrogen, Remix y Oxygen y una capa de medición reconstruida. La operamos nosotros, así que cada error y cada arreglo nos cuesta primero a nosotros.
- Cliente
- CycleWear
- Año
- 2024
- Duración
- 4 meses
- Sector
- Ciclismo
- Web
- Visitar sitio ↗
Impacto
- 0→93Puntaje LighthouseMejora de rendimiento post-migración
- 0%Reducción TBTTiempo de bloqueo total eliminado
- 0Puntuación SEOPuntaje SEO Lighthouse perfecto
- +0%Crecimiento de IngresosIngresos anuales post-migración
Cifras reportadas durante el proyecto; verificación independiente pendiente.
El reto
Cyclewear es de iDeum, lo que significa que teníamos al mismo tiempo el interés del operador y el trabajo de la agencia. El tema Liquid anterior tenía 47 de rendimiento en Lighthouse, cargaba JavaScript que bloqueaba la primera interacción y traía una medición sostenida con fragmentos pegados. Queríamos probar que una migración headless podía funcionar para el retail de ciclismo en Latinoamérica sin renunciar al administrador y al cumplimiento de Shopify.
Lo que construimos
Reconstruimos la tienda sobre Shopify Hydrogen y Remix, desplegada en Oxygen, con renderizado del lado del servidor en cada página de producto y de colección. Los scripts que bloqueaban el renderizado desaparecieron. Las etiquetas dispersas se reemplazaron por un solo contenedor de GTM que alimenta GA4, la Conversions API de Meta del lado del servidor, el píxel de TikTok y Klaviyo. MercadoPago procesa los pagos en Colombia de forma nativa.
Funcionalidades clave
- Arquitectura headless Shopify Hydrogen + Remix
- Despliegue edge en Oxygen para TTFB mínimo
- Renderizado del lado del servidor en todas las páginas de productos y colecciones
- Contenedor GTM unificado: GA4 + Meta CAPI + TikTok Pixel + Klaviyo
- Meta Conversions API (lado del servidor) para atribución precisa
- Integración nativa MercadoPago
- Propiedad del operador — iDeum gestiona Cyclewear como prueba de concepto en vivo
Resultados
En nuestras propias corridas de Lighthouse el puntaje de rendimiento pasó de 47 a 93 y el tiempo total de bloqueo cayó un 94%, con 100 en SEO. La tienda está en producción y es donde probamos cambios de medición y atribución antes de recomendarlos a clientes. Las cifras de ingresos reportadas durante el proyecto están en el panel de impacto, pendientes de verificación.
Stack
- Shopify Hydrogen
- Remix
- Oxygen
- GTM
- GA4
- Meta CAPI
- TikTok Pixel
- Klaviyo
- MercadoPago
Galería
Nota del operador
Leemos los reportes de ROAS de Cyclewear como dueños. Cuando la medición se rompió después de la migración supimos que los números estaban mal, porque podíamos compararlos con el volumen real de pedidos. El problema de deduplicación de Meta CAPI es el error silencioso más común en despliegues headless de Shopify. Lo sabemos porque lo tuvimos en nuestra propia tienda, lo diagnosticamos con nuestra plata en juego y construimos el arreglo. Una agencia sin esa exposición habría entregado la migración y seguido adelante. Nosotros no teníamos esa opción.
