Llevamos más de una década colaborando con MarketingDirecto, un medio de comunicación que ya era referente cuando comenzamos a colaborar. Desde entonces hemos acompañado su evolución técnica, adaptando el portal a sus nuevas necesidades, mejorando el rendimiento y construyendo una base sólida preparada para crecer junto al negocio.
No se trataba de crear una web desde cero, sino de reforzar un producto digital con años de historia y un volumen muy elevado de contenido. Si quieres profundizar en una de las primeras fases de esta evolución, puedes consultar este caso sobre la optimización y velocidad del portal.
Coincidiendo con el 25 aniversario del medio, MarketingDirecto decidió dar un paso más en su estrategia de marca con el lanzamiento de una nueva web. El diseño fue realizado por la agencia Bluecell y en Bubuku I Code participamos aportando el punto de vista técnico para validar decisiones y asegurar el equilibrio entre diseño, viabilidad, mantenimiento y escalabilidad, garantizando además que el equipo editorial tuviera una autonomía real en su día a día.
El proyecto no se planteó como un simple rediseño. Buscábamos que el equipo de contenidos pudiera gestionar la web con total libertad, sin depender de desarrolladores para tareas cotidianas como crear landings, modificar estructuras, ajustar bloques o adaptar el portal a nuevas necesidades. Para ello apostamos por Full Site Editing (FSE) de WordPress, junto con una arquitectura basada en plantillas, patrones y bloques personalizados.
Este cambio permite que MarketingDirecto tenga el control de su web, mientras nosotros seguimos centrados en lo que realmente aporta valor a largo plazo: nuevas funcionalidades, evolución del producto digital y mejora continua del rendimiento.
El reto
El proyecto no era un rediseño convencional. MarketingDirecto necesitaba algo más que una nueva estética. Tras años de crecimiento, el portal había acumulado complejidad técnica y dependencias que dificultaban la evolución ágil del medio.
El principal desafío era transformar su plataforma en un sistema de WordPress para medios digitales capaz de adaptarse al ritmo del negocio, sin generar fricción en el día a día del equipo.
Para ello, nos enfrentábamos a varios retos clave:
- Modernizar la arquitectura del sitio sin perder estabilidad ni posicionamiento.
- Dotar de autonomía real al equipo editorial para reaccionar con rapidez a la actualidad.
- Eliminar la dependencia técnica en tareas cotidianas.
- Mantener intacto un histórico de contenido muy amplio.
- Construir una base preparada para futuras funcionalidades y crecimiento.
En un entorno donde el contenido y la inmediatez son críticos, cada dependencia técnica ralentiza al equipo. El objetivo era claro: convertir la tecnología en un facilitador del crecimiento, no en un cuello de botella.
Había un condicionante clave: el volumen de contenido acumulado durante años hacía inviable modificarlo para adaptarlo a una nueva estructura. El desarrollo debía adaptarse al contenido existente, no obligar al contenido a adaptarse al desarrollo.
Este punto marcó toda la estrategia técnica del proyecto.
Nuestra estrategia conjunta
Para abordar estos retos, planteamos el proyecto como una evolución del producto digital, no como un rediseño puntual.
El objetivo era construir una base sólida para medios digitales que permitiera al equipo trabajar con autonomía en el día a día, sin renunciar a una arquitectura preparada para seguir evolucionando.
Adaptar el desarrollo al producto real
Partimos del diseño validado y lo analizamos desde una perspectiva estructural. No se trataba de maquetar páginas, sino de convertir el diseño en un sistema modular, reutilizable y coherente.
A partir de ahí, traducimos el diseño en una arquitectura basada en:
- Componentes repetidos.
- Estructuras comunes.
- Patrones reutilizables.
- Bloques funcionales.
Todo con un objetivo claro: que el equipo de periodistas y marketing pudiera trabajar con libertad sin depender de desarrollo para tareas habituales.
Arquitectura modular basada en FSE
Optamos por una arquitectura apoyada en Full Site Editing (FSE) de WordPress, utilizando:
- Plantillas específicas por tipo de contenido.
- Patrones reutilizables para secciones editoriales.
- Bloques personalizados para funcionalidades propias del medio.
- Variaciones controladas para mantener coherencia visual.
Este enfoque permite construir nuevas páginas, landings o especiales combinando piezas del sistema, sin necesidad de tocar código.
Nosotros construimos las herramientas. El equipo puede utilizarlas con autonomía.
Rendimiento trabajado por impacto
El rendimiento fue tratado como parte de la arquitectura, no como optimización final.
Se prestó especial atención a los puntos con mayor impacto en experiencia de usuario y SEO, especialmente en móvil. En lugar de buscar una perfección teórica inicial, se priorizaron las mejoras con mayor retorno y se dejó planificada una hoja de ruta para fases posteriores.
Esto permite:
- Medir y validar.
- Ajustar progresivamente.
- Hacer seguimiento continuo.
- Mejorar de forma sostenida.
El rendimiento no es un hito, es un proceso.
Escalabilidad real: el caso de las newsletters
Un ejemplo claro de esta visión a largo plazo es la gestión de newsletters.
En lugar de integrar una única plataforma de envío, desarrollamos un plugin propio que desacopla la gestión editorial del proveedor tecnológico.
Desde WordPress, el equipo puede:
- Seleccionar contenidos.
- Gestionar newsletters.
- Incluir bloques publicitarios.
- Lanzar envíos desde su entorno habitual.
El sistema se conecta mediante APIs con la plataforma activa en cada momento. Primero se integró Easymailing y posteriormente se adaptó a GetResponse.
El cambio de proveedor no implicó rehacer la operativa, solo ajustar conexiones.
Este tipo de arquitectura permite que el negocio evolucione sin bloqueos tecnológicos.
Impacto y resultados
Tras el lanzamiento, el equipo de MarketingDirecto ha observado mejoras tanto en tráfico como en engagement. Más allá del volumen, destacan un mayor tiempo de permanencia y una reducción en la tasa de rebote, lo que indica una mejor alineación entre contenido, experiencia y audiencia.
Uno de los cambios más relevantes ha sido operativo. El equipo editorial trabaja ahora con mayor autonomía, puede reaccionar más rápido a la actualidad y lanzar nuevas iniciativas sin depender de desarrollo para tareas estructurales. La capacidad de adaptación en un medio digital es clave, y el nuevo sistema facilita esa agilidad.
En cuanto al rendimiento, la versión anterior del portal ya contaba con una base sólida gracias al trabajo de mejora continua realizado durante años. Sin embargo, el nuevo desarrollo fue una oportunidad para revisar la arquitectura y dar un paso más en la optimización de la experiencia de usuario, especialmente en mobile.
No se trataba de corregir un problema, sino de evolucionar sobre una base estable, reforzando la carga, simplificando dependencias y mejorando la coherencia técnica. Este enfoque permite seguir midiendo, ajustando y mejorando progresivamente.
Cuando el equipo gana autonomía, la tecnología deja de ser una dependencia y se convierte en una ventaja para el negocio.
Además, la percepción de marca se ha reforzado, transmitiendo una imagen más digital, actual y alineada con su posición como medio de referencia.
Nuestra forma de trabajar
En Bubuku entendemos el desarrollo web como un proceso continuo. No buscamos que el cliente dependa de nosotros, sino que tenga las herramientas necesarias para evolucionar su producto digital con autonomía. Nuestro objetivo es construir sistemas sólidos que les permitan trabajar con autonomía.
Nuestro papel es acompañar ese crecimiento, aportando nuevas funcionalidades, mejoras de rendimiento e integraciones cuando el negocio lo necesita.
Este enfoque nos permite construir relaciones a largo plazo basadas en confianza, evolución y resultados.
