Relief Applications

GIZ - Rediseño del sitio web de GovStack

Rediseñamos y reconstruimos desde cero la plataforma de GovStack: migración a una infraestructura europea conforme al RGPD, modernización del stack de WordPress con microservicios en Docker y transformación de un sitio estático en un espacio dinámico para la transformación digital de los gobiernos.

Cliente
GIZ
Periodo
Desde May 2025
Equipo
3+
Servicios
Desarrollo de aplicaciones
Tecnologías
WordPress, Caddy, MariaDB, phpMyAdmin, Bedrock (Roots.io), GitHub Actions
Sector
Government
ODS
16. Peace, justice and strong institutions
Sitio web del cliente
giz.de

La iniciativa GovStack ofrece una caja de herramientas completa y de código abierto para los gobiernos que emprenden su transformación digital. Con el tiempo, el sitio web del proyecto se había vuelto demasiado estático y ya no reflejaba el número creciente de actividades, iniciativas y trabajo de la comunidad. Por eso, un requisito clave era rediseñar por completo el sitio para hacerlo más dinámico, mejorar la comunicación con las partes interesadas y garantizar el estricto cumplimiento del RGPD europeo y de las normas de privacidad de datos.

Nuestro enfoque comenzó con una fase de descubrimiento centrada en los usuarios, en la que el equipo de diseño realizó varios talleres con el cliente para entender a fondo sus necesidades, los recorridos clave de los usuarios y sus puntos de fricción. Este trabajo de base orientó una estrategia de desarrollo web modular. Un punto decisivo fue el requisito de trasladar la infraestructura de Pantheon a un alojamiento en Europa, concretamente plusserver, que presentaba limitaciones. Esto obligó a rehacer por completo el entorno de desarrollo y despliegue para responder a las necesidades operativas y de cumplimiento de la GIZ.

Prestamos servicios integrales de consultoría y desarrollo, centrados en modernizar toda la arquitectura de la plataforma. Esto incluyó crear un nuevo pipeline de CI/CD sólido y un flujo de despliegue basado en varios microservicios en Docker (entre ellos Caddy, MariaDB, WordPress PHP y phpMyAdmin). Este sistema complejo incluía procesos separados para las copias de seguridad de la base de datos y de los archivos. Adaptamos toda la aplicación a la arquitectura Bedrock para obtener una instalación de WordPress más limpia y moderna, e integramos una GitHub Deploy Action dedicada para garantizar un despliegue europeo automatizado, fiable y conforme a través del restrictivo entorno de plusserver.

El reto

  • RGPD y conformidad del alojamiento: migración obligatoria del proyecto, antes alojado en Pantheon, a una infraestructura europea (plusserver), con pleno cumplimiento del RGPD.
  • Limitaciones de plusserver: el alojamiento europeo elegido, plusserver, resultó muy limitado y exigió una solución no estándar y hecha a medida para el pipeline de desarrollo y despliegue.
  • Un sitio estancado: transformar un sitio web estático en una plataforma dinámica de descubrimiento progresivo de contenidos que muestre el volumen de actividades de GovStack.
  • Claridad de las funciones: precisar la necesidad de una sección «muro de logos» y definir el alcance de nuevas funciones como el calendario de la comunidad y las opciones de visualización del mapa mundial.

Lo que hicimos

  • Pipeline de microservicios a medida: diseño y construcción de un nuevo pipeline de CI/CD con varios microservicios en Docker (Caddy, MariaDB, WordPress PHP, phpMyAdmin) para gestionar el stack de la aplicación, superando las limitaciones del nuevo alojamiento europeo (plusserver).
  • Copias de seguridad automatizadas: procesos sólidos y separados para las copias de seguridad de la base de datos y de los archivos dentro del nuevo pipeline.
  • Adopción de una arquitectura moderna: adaptación de toda la aplicación a la estructura Bedrock (Roots.io) para una instalación de WordPress más moderna, fácil de mantener y con control de versiones.
  • Integración de CI/CD: creación de una GitHub Deploy Action dedicada para automatizar y gestionar los despliegues directamente en la infraestructura de plusserver.
  • Mejoras de GovMarket: orden aleatorio en la presentación de las fichas de software para garantizar la neutralidad.
Rediseño del sitio web de GovStack, GIZ: screen 1 Rediseño del sitio web de GovStack, GIZ: screen 2 Rediseño del sitio web de GovStack, GIZ: screen 3 Rediseño del sitio web de GovStack, GIZ: screen 4 Rediseño del sitio web de GovStack, GIZ: screen 5 Rediseño del sitio web de GovStack, GIZ: screen 6

Más proyectos