Health & Pharma
Fiel al diseño, y editable
Health & Pharma asesora a empresas farmacéuticas, cosméticas y de dispositivos médicos en asuntos regulatorios ante el INVIMA, sistemas de calidad y SG-SST en Colombia. Su WordPress estaba desactualizado, era inconsistente en el celular y Google seguía mostrando contenido viejo. Lo reconstruimos en Elementor a partir de un diseño HTML a medida, cerca del 90 % en widgets nativos y editables, y llevamos cada cambio a producción por la REST API de WordPress, en un hosting compartido protegido por un WAF y sin acceso al servidor. La home nueva salió en vivo 17 días después de recibir el acceso, absorbió cinco rondas de ajustes del cliente y redujo un 92 % el peso de los banners. Desarrollado para una agencia aliada en Colombia.
Duración
Entregado en agosto de 2026 · 17 días hasta el lanzamiento y cinco rondas de ajustes en unas seis semanas
Completado
20 de octubre de 2026
Acceso al WordPress el 18 de julio de 2026; home nueva en vivo el 4 de agosto
Móvil, textos, ventanas, páginas heredadas y SEO, directo a producción
8 banners PNG de unos 6,2 MB convertidos a WebP, unos 0,47 MB
78 de los 87 widgets de la home son nativos y editables por el cliente
Health & Pharma tenía un WordPress de 2020, todavía indexado con contenido viejo, y un diseño nuevo entregado como archivo HTML estático.
Ese diseño tenía que vivir dentro del WordPress existente, editable por el cliente, sin tumbar el sitio en vivo. No teníamos acceso al servidor: solo el panel de administración y la REST API, detrás de un firewall que bloqueaba los guardados grandes y un caché de página que seguía sirviendo HTML viejo.
- — Fidelidad frente a editabilidad · el diseño usaba efectos de vidrio, tipografías propias y pseudo-elementos que Elementor no reproduce de forma nativa; pegarlo como HTML daba fidelidad total, pero el cliente no habría podido editar nada
- — Un sitio en vivo que no podía caerse · la home anterior siguió en producción, así que la nueva había que construirla en paralelo, lanzarla con un solo cambio y ajustarla en vivo después
- — Una plataforma que no controlábamos · sin SSH ni FTP, un WAF que colgaba los guardados grandes, dos capas de caché que ocultaban los cambios, CSS del tema que se filtraba en la tipografía y un plugin heredado que duplicaba el encabezado y el pie de página
- — Visibilidad y rendimiento · Google mostraba páginas viejas, los banners de servicio eran PNG de hasta 1,26 MB cada uno, no había analítica y la vista móvil tenía desbordes, títulos cortados y tarjetas pegadas
Construimos el sitio en Elementor con una regla: si alguien lo va a editar, es nativo; si es decoración estática, es HTML.
Todo llegó a producción por la REST API de WordPress, verificado en vivo y con las cachés purgadas, sin tocar nunca el servidor.
- + Construcción nativa híbrida · cerca del 90 % de la home es Elementor nativo y editable (78 de 87 widgets), con widgets HTML solo donde importa la fidelidad al píxel y nadie edita, y cerca del 96 % de fidelidad al diseño
- + Ocho ventanas y una home en capas · cada uno de los cuatro servicios abre una ficha con metodología, preguntas frecuentes y llamado a la acción, y el pie de página abre términos, privacidad, aviso legal y el formulario de PQR
- + Un blog de investigación que se actualiza solo · plantillas de Theme Builder para el artículo y el índice del blog, más una sección de la home que lee los posts desde la REST API, así que publicar un post lo muestra en todas partes
- + Despliegue por API · los datos de cada página se leen frescos, se editan en memoria, se escriben por la REST API y se verifican en vivo, con las cachés de Elementor y LiteSpeed purgadas en cada cambio y un lanzamiento con un solo cambio
- + SEO técnico, rendimiento y analítica · redirecciones 301 de las páginas viejas indexadas, título y descripción en Yoast, texto alternativo, banners en WebP (−92 %) y Google Analytics 4 en todo el sitio sin disparos duplicados
Dentro del build.
Marca, interfaz y sistema — tal como se shipearon.
Disciplina de ingeniería sobre una plataforma ajena.
Es un proyecto mayormente de frontend y CMS: no hay base de datos propia, ni pagos, ni IA en el producto. El trabajo invisible está en cómo se construyó y cómo se despliega: un pipeline por REST sobre un WordPress endurecido que no era nuestro, la gestión de cachés, las condiciones del Theme Builder, una migración de tema, el SEO técnico y el QA automatizado. Cerca de 65 % frontend y 35 % ingeniería de plataforma.
Todo por la API
Sin ningún acceso al servidor. Cada cambio se escribió por la REST API de WordPress con una contraseña de aplicación revocable, se verificó en vivo y terminó con la purga de las dos capas de caché, confirmada en las cabeceras de respuesta.
La regla real del firewall
Los guardados grandes se colgaban. El disparador no era el tamaño sino el unicode escapado: enviar el JSON en UTF-8 literal permitió guardar una página de 150 KB en una sola petición, con el firewall siempre activo.
Datos frescos antes de cada escritura
Guardar sobre una copia desactualizada llegó a borrar widgets decorativos. Desde entonces fue regla dura: traer la página fresca, hacer reemplazos puntuales y escribirla de nuevo.
Una migración de tema en producción
El tema original filtraba CSS en la tipografía y un plugin heredado duplicaba el encabezado y el pie. Pasamos el sitio a Hello Elementor, con un respaldo completo previo, y todas sus páginas de Elementor quedaron intactas.
Lanzamiento con un solo cambio
Todo se construyó en una página borrador. El día del lanzamiento se cambió la portada a la página nueva, se reescribieron las anclas del menú y las URL viejas quedaron con redirección 301 a la raíz.
Hybrid AI Coding
La ingeniería senior definió la arquitectura, la regla de nativo frente a HTML y cada decisión de alcance con el cliente, mientras agentes de IA (Claude Code) se encargaron de la implementación y un agente de QA independiente revisó cada cambio en un navegador real a cinco anchos.
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.
Editable, no congelado
Cerca del 90 % es Elementor nativo, así que Health & Pharma edita sus servicios, artículos y formularios sin depender de un desarrollador.
En vivo en 17 días
Un lanzamiento con un solo cambio y luego cinco rondas de ajustes llevadas directo a producción por la API.
Más rápido y encontrable
Banners un 92 % más livianos, páginas viejas redirigidas, metadatos de SEO y analítica midiendo todo el sitio.
- 15 jul 2026Propuesta: montar el diseño HTML a medida del cliente dentro de su WordPress existente
- 18 jul 2026Aprobación y acceso al WordPress en producción
- 28 jul 2026Encabezado y pie de marca, plantillas del blog, ventanas de servicios y de recursos
- 29–30 jul 2026Migración de tema a Hello Elementor; el cliente elige el enfoque nativo híbrido
- 4 ago 2026Lanzamiento: la home nueva en la raíz del dominio, menú reescrito y cachés purgadas
- 8–19 ago 2026Rondas 2 a 4: móvil, contenido de las ventanas, blog, páginas heredadas y redirecciones
- 31 ago 2026Ronda 5: SEO técnico, imágenes en WebP (−92 %) y Google Analytics 4
¿Listo para lograr resultados similares?
Hablemos de cómo podemos transformar tu negocio con una solución digital a medida.