Bicielectron
La misma plataforma, sin sus límites
Un rediseño de alto rendimiento construido dentro de Wix para Bicielectron, tienda y taller de bicicletas, patinetas y kits de conversión eléctricos en Bogotá. El diseño aprobado se entregó como componentes web a medida servidos por el propio backend de Wix, sincronizados en vivo con el catálogo de Wix Stores, con SEO técnico y un motor de pintado temprano que bajó el LCP móvil de 13,6 s a cerca de 3 s. Entregado y verificado en el dominio de producción; la nueva portada se está lanzando. Desarrollado para una agencia aliada en Colombia.
Duración
Cerca de 6 semanas · entregado en septiembre 2026 · lanzamiento en el dominio del cliente en curso
Completado
26 de septiembre de 2026
Largest Contentful Paint, home actual vs. home nuevo · Lighthouse móvil
Lighthouse móvil, home actual vs. home nuevo
Home, cuatro páginas internas y una plantilla de producto dinámica para más de 41 productos
Componentes · backend Velo · sincronización de catálogo · plantilla de producto · SEO técnico · motor de LCP
Bicielectron vende bicicletas eléctricas en Bogotá desde una tienda Wix con años de posicionamiento orgánico: una tienda real con Wix Stores y Mercado Pago, 41 productos, 7 categorías, servicios de taller con reserva y 88 URLs indexadas.
El cliente tenía un rediseño aprobado y dos requisitos firmes: quedarse en Wix y no perder posicionamiento. Un diseño que la plataforma no podía construir, en una plataforma que el cliente no podía dejar.
- — Wix no importa diseños como código: el editor es visual y su generador de secciones con IA producía layouts genéricos, lejos de la fidelidad del diseño
- — El SEO no se podía arriesgar: años de posicionamiento orgánico en 88 URLs, por lo que se descartó migrar de plataforma
- — El rendimiento móvil era crítico: el home actual medía un LCP móvil de 13,6 a 21,4 segundos, y una auditoría SEO externa de la primera versión del rediseño dictaminó “no aprobar aún”
- — Un catálogo vivo que no se podía duplicar: productos, precios y fotos cambian en Wix Stores, y el rediseño debía leerlos en vivo y enlazar a las fichas de producto existentes
En vez de migrar y arriesgar el posicionamiento, entregamos el diseño como código que Wix sirve: componentes web aislados (Custom Elements con Shadow DOM) servidos desde el propio dominio del cliente con Wix Velo, conectados en vivo al catálogo de Wix Stores, con datos estructurados completos y una técnica de pintado temprano para celular.
Nada está alojado fuera de Wix.
- + Componentes fieles al diseño dentro de Wix · Custom Elements + Shadow DOM aíslan el diseño aprobado del CSS de la plataforma, compilados desde los archivos del diseño con un pipeline de build en Python
- + Backend serverless en el dominio del cliente · 5 funciones HTTP de Velo sirven los bundles y los datos del catálogo en vivo, con reglas de caché por respuesta
- + Sincronización en vivo del catálogo + una plantilla de producto dinámica · el home y cada ficha leen Wix Stores en tiempo real, con reintentos y alternativas ante fallas
- + SEO que sobrevive a un rediseño · 9 documentos JSON-LD en el HTML inicial, meta y Open Graph por página, enlaces rastreables a productos y categorías, y cero cambios de URL
- + Un motor de pintado temprano para el LCP móvil · marcadores seguros para el head e imágenes AVIF bajaron el LCP móvil de 13,6–21,4 s a cerca de 3 s
Dentro del build.
Marca, interfaz y sistema — tal como se shipearon.
No es una web en Wix. Es una capa de ingeniería dentro de una plataforma cerrada.
No hay base de datos propia ni IA en el producto. Lo invisible es la arquitectura: componentes aislados, un backend serverless en el dominio del cliente, sincronización con su catálogo, SEO técnico en el HTML inicial y un motor de pintado temprano que esquiva el render tardío de la plataforma. Cerca de 65 % frontend y rendimiento, 35 % backend, integración y SEO técnico.
La plataforma pinta tarde. El usuario no lo nota.
Wix carga tarde el componente en celular. Un marcador idéntico al hero real se pinta desde el primer HTML, se queda como elemento LCP y se retira solo cuando el componente aparece.
Seguro para el head por diseño
El HTML suelto en el head cerraba la etiqueta antes de tiempo y enviaba el título, los robots y los datos estructurados al body. Los fragmentos se reescribieron solo con style y script.
Adaptaciones de Shadow DOM en el build
Variables CSS, consultas al DOM, handlers en línea, anclas, navegación fija y unidades de viewport necesitaron cada una su adaptación, aplicada automáticamente por los generadores.
Una plantilla, todos los productos
La plantilla de producto se adapta a vehículos, kits y accesorios, lee la ficha técnica que el cliente administra en Wix, oculta secciones vacías y reintenta ante fallas momentáneas de Wix Data.
Imágenes 7 veces más livianas
Un hero de 427 KB pasó a un AVIF de 54 KB en celular, y fotos de producto de hasta 765 KB bajaron a 44–60 KB, servidas desde el CDN de Wix.
Hybrid AI Coding
Un ingeniero senior definió la arquitectura y tomó cada decisión con el cliente, mientras agentes de IA implementaban generadores, componentes y más de 150 scripts de QA con verificación independiente. Seis páginas pasaron del cambio de enfoque a la entrega en menos de dos semanas.
Tecnologías y Herramientas
El stack tecnológico que impulsa esta solución
Más allá de los números, entregamos un sistema que transformó la operación de este cliente.
Rápido donde importa
El LCP móvil bajó de 13,6–21,4 s en el home actual a cerca de 3 s, y el puntaje de rendimiento móvil de Lighthouse pasó de 33–43 a 80–81.
SEO protegido por diseño
Cero URLs cambiadas, 9 documentos de datos estructurados en el HTML inicial y más enlaces a categorías que el original. La auditoría externa del cliente pasó de “no aprobar aún” a 8 de 10 puntos cumplidos y ninguno sin cumplir.
Una tienda que se actualiza sola
Productos, precios y fotos fluyen en vivo desde Wix Stores al home y a una sola plantilla de producto para más de 41 productos. El cliente administra el catálogo sin necesitar un desarrollador.
- Ago 2026Solicitud de cotización y requisitos: conservar las páginas existentes para proteger el SEO, tienda y cotizador
- 31 ago 2026Proyecto multipágina aprobado
- 1 sep 2026Inventario SEO: rastreo de las 88 URLs del sitemap
- 14 sep 2026El cliente decide quedarse en Wix: nace el enfoque Custom Element + Velo
- 17 sep 2026Sincronización en vivo con el catálogo de Wix Stores
- 24 sep 2026Datos estructurados y marcador seguro para el head en vivo: LCP móvil de 2,7–3,0 s
- 26 sep 2026Seis páginas entregadas con informe de cumplimiento: 8 de 10 puntos de la auditoría cumplidos, ninguno sin cumplir
- 9 oct 2026Ajustes del cliente aplicados y verificados en vivo; lanzamiento en el dominio del cliente en curso
¿Listo para lograr resultados similares?
Hablemos de cómo podemos transformar tu negocio con una solución digital a medida.