CIBIDA
Una tienda que habla el idioma del paciente
CIBIDA es una línea colombiana de dermocosmética funcional que cuida la piel sensible y muy seca durante el tratamiento oncológico. Rediseñamos su tienda WooCommerce de punta a punta sobre la misma instalación: un nuevo modelo de catálogo con kits, contenido clínico en campos editables, un carrito lateral propio, un checkout 100 % en español, pagos con Wompi en producción y correo transaccional funcionando. Todo por API, sin acceso al servidor, en tres semanas desde el acceso hasta el lanzamiento. Desarrollado para una agencia aliada en Colombia.
Duración
Entregado · 3 semanas al lanzamiento
Completado
10 de septiembre de 2026
Del acceso a producción a la tienda rediseñada en vivo
Catálogo · carrito · checkout · pagos · correo · CMS · QA
Un WordPress más liviano, con una sola pasarela de pago
Una sola precarga y caché en memoria frente a un firewall que frenaba cada llamada a la API
La Línea ONC de CIBIDA cuida la piel sensible y muy seca durante la radioterapia, con CBD y aceite de semilla de cannabis.
La marca ya tenía una tienda WooCommerce en vivo, pero no reflejaba el negocio: productos y precios viejos, descripciones de relleno y una página de blog de plantilla. CIBIDA había invertido en un diseño nuevo y en contenido clínico, con cifras de estudios, ingredientes por función y fotografía de agencia, pero nada de eso vivía en la tienda, y la pasarela de pago local que necesitaba no estaba operativa.
- — Un catálogo que no coincidía con el negocio: la línea definitiva es una crema corporal en dos tamaños, un aceite, un desodorante y tres kits, y la lista de precios cambió a mitad de proyecto
- — Contenido clínico (estudios, indicaciones, ingredientes, modo de uso y preguntas frecuentes) atrapado en un mockup estático de 2,2 MB que nadie del equipo podía editar
- — Sin pasarela de pago local en producción, un checkout con textos en inglés y un correo del sitio que fallaba porque el hosting bloquea el SMTP saliente
- — Cero acceso al servidor: el firewall del hosting bloqueaba el panel de control, el FTP no funcionaba y no había WP-CLI, así que todo tenía que hacerse por la API REST de WordPress y verificarse en vivo
Siete sistemas en producción, todos construidos sobre la misma instalación y desplegados por API: el catálogo y su contenido clínico, una home que es la tienda con un carrito propio, un checkout localizado, pagos con Wompi, correo transaccional y cumplimiento normativo, un CMS editable con canal B2B y blog clínico, y una plataforma saneada con QA en cada cambio.
- + Modelo de catálogo · la crema corporal como producto variable en dos tamaños, tres kits como productos de precio fijo con su composición declarada y los productos descontinuados pasados a borrador, no borrados
- + Contenido clínico editable · ocho campos ACF por producto, expuestos en REST, alimentan las tarjetas, la vista rápida y la ficha de producto desde una sola fuente, con los resultados de los estudios como barras animadas
- + Carrito lateral propio sobre la Store API de WooCommerce · selector de cantidad, eliminar producto y desglose de Subtotal / Envío / Total con la nota “IVA incluido”
- + Checkout · 100 % en español y con la marca, con los textos que gettext no alcanzaba resueltos por hooks específicos, y envío con tarifa fija verificado por la API
- + Pagos · Wompi en producción con un webhook que valida la firma, y una segunda pasarela sin uso eliminada para que solo quede una activa
- + Correo y cumplimiento · el correo pasó a un remitente local y alineado, con la entrega verificada; formulario B2B, formulario PQR de 16 campos y siete documentos legales en modales, alineados con la normativa colombiana de consumidor y protección de datos
- + Plataforma · 27 → 14 plugins, un tema liviano, respaldos en cada paso y QA con Playwright a 390, 768 y 1366 px sin desbordes horizontales
Dentro del build.
Marca, interfaz y sistema — tal como se shipearon.
Construida por API, sin puerta trasera.
No fue un rediseño visual. Por debajo rehicimos el modelo de catálogo, llevamos el contenido a campos estructurados, construimos una capa de carrito propia sobre la API de WooCommerce, localizamos el checkout por hooks, pusimos en producción una pasarela de pago con webhook y resolvimos la entrega del correo bajo las restricciones del hosting. Todo con cero FTP, cero panel de control y cero WP-CLI.
Kits que heredan la evidencia
Cada kit tiene su propio precio y su composición declarada, y como los kits no tienen un estudio propio, su sección clínica combina la evidencia de los dos productos que lo componen.
Totales que cuadran
Los precios incluyen IVA, así que el carrito muestra el impuesto en cero con la nota “IVA incluido” en lugar de cobrarlo dos veces, y el subtotal más el envío es igual al total, verificado por la API.
La tienda es la home
A pedido del cliente, la compra ocurre en la página de inicio: la antigua URL de la tienda redirige a la sección de productos, y la grilla ahora muestra el catálogo completo en lugar de ocultar el sexto producto.
PHP sin FTP
Los hooks del servidor se despliegan con la API REST de Code Snippets; las tareas puntuales corren como snippets temporales que se borran al terminar. Las plantillas que no estaban en REST se editaron desde un navegador autenticado, con respaldo antes de cada cambio.
Diseñar alrededor del firewall
El firewall del hosting sumaba unos cuatro segundos a cada llamada REST. En lugar de pelear con él, el front hace una sola precarga de todo el catálogo y la guarda en memoria, y la vista rápida abre en unos 20 ms.
Hybrid AI Coding
La ingeniería senior definió la arquitectura, el modelo de catálogo y cada decisión con el cliente, mientras agentes de IA implementaron builders, snippets y scripts de despliegue bajo su dirección, con QA independiente en Playwright en cada cambio.
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.
Lista para vender, en local
Wompi en vivo con webhook firmado y un checkout 100 % en español: la tienda está lista para recibir pagos en Colombia.
Contenido propio
Los datos clínicos, ingredientes, modo de uso y preguntas frecuentes viven ahora en campos editables que alimentan las tarjetas, la vista rápida y las fichas desde una sola fuente.
Plataforma más liviana y segura
27 → 14 plugins, una sola pasarela de pago, respaldos en cada paso y QA en cada cambio, todo entregado sin acceso al servidor.
¿Listo para lograr resultados similares?
Hablemos de cómo podemos transformar tu negocio con una solución digital a medida.