Ajuntament de Barcelona

Modernizar la presencia digital de quienes protegen la ciudad

Industria

Administración Pública

Servicios

CMS · Accesibilidad web

Cronología

2025 - 2026

El Ajuntament de Barcelona es la administración pública que gobierna la ciudad, coordinando servicios municipales que impactan directamente en la vida de más de 1,6 millones de personas.

Dentro de su estructura, la Guàrdia Urbana vela por la convivencia, el cumplimiento de las ordenanzas y la seguridad ciudadana, mientras que los Bombers de Barcelona protegen a las personas y al patrimonio ante emergencias, incendios y situaciones de riesgo.

Ambos cuerpos compartían una misma necesidad: modernizar su presencia digital y mejorar la accesibilidad de su información para la ciudadanía.

CONTEXTO

Dos portales desarrollados en Drupal 7, una versión sin soporte técnico

El proyecto ha consistido en el desarrollo de dos nuevas páginas web, una destinada a la Guàrdia Urbana y otra a los Bombers de Barcelona, con el objetivo de modernizar su presencia digital y mejorar la accesibilidad para la ciudadanía.

Asimismo, se ha llevado a cabo una revisión integral de la estructura de contenidos, optimizando la organización de la información para facilitar una navegación más intuitiva, clara y eficiente.

El proyecto no consistía en crear dos webs nuevas desde cero, sino en renovar dos plataformas en producción manteniendo la coherencia institucional y la accesibilidad

RETO

Mucho más que una migración de versión

Las anteriores webs se encontraban desarrolladas en Drupal 7, por lo que ha sido necesario abordar una migración completa que iba mucho más allá de un cambio de versión.

Drupal 7 sin soporte

Las webs se encontraban en Drupal 7, sin soporte técnico vigente. Era necesario crear dos nuevos entornos en Drupal 10, más actualizado, seguro y estable.

Tema corporativo Minerva

Implementar Minerva para unificar la identidad visual, asegurar la coherencia institucional y garantizar los estándares de accesibilidad.

Componentes inamovibles

Integrar componentes validados que no podían modificarse con nuevos desarrollos personalizados, diseñados para la escalabilidad y reutilización.

BENEFICIOS

Inmersión en el ecosistema del cliente

A nivel técnico, el proyecto ha supuesto una inmersión práctica en el ecosistema de plataformas y herramientas propias del cliente, profundizando en el uso avanzado de Drupal como CMS principal del proyecto.

HERRAMIENTAS

Sygox y el ecosistema Drupal

El trabajo incluyó Sygox como plataforma de gestión y un uso intensivo de herramientas específicas del ecosistema Drupal como Drush, ampliando las capacidades del equipo en la gestión y administración de instancias Drupal desde línea de comandos.

ENTORNO LOCAL

Docker y DDEV para entornos aislados

Para el desarrollo local se utilizó Docker a través de DDEV, estableciendo entornos de trabajo reproducibles y aislados que permitieron al equipo trabajar con seguridad y consistencia durante todo el proyecto.

DESPLIEGUE

Obstáculos resueltos entre versiones mayores

El equipo se enfrentó a distintos obstáculos derivados de cambios entre versiones mayores, resueltos gracias a la experiencia acumulada en proyectos de despliegue similares y al apoyo de las guías técnicas facilitadas por el propio cliente.

SEGURIDAD

Copias de seguridad y recuperabilidad

Se mantuvo una política de rotación de copias de seguridad activa en ambos entornos, garantizando la recuperabilidad ante cualquier incidencia y protegiendo la integridad de los datos en todo momento.

INFRAESTRUCTURA

De local a staging, de staging a producción

Para garantizar la estabilidad del proyecto y seguir las buenas prácticas de desarrollo continuo, se estableció una arquitectura de dos entornos de servidor: uno de staging y otro de producción. Esto permitió seguir el flujo correcto de promoción de cambios, asegurando en todo momento la calidad y estabilidad de las plataformas.

SOLUCIÓN

Una renovación integral en ambas plataformas

La solución se ha centrado en la renovación integral de ambas plataformas web, incorporando el tema corporativo Minerva y desarrollando componentes a medida diseñados para garantizar su mantenibilidad, escalabilidad y adaptación a futuras necesidades.

Composiciones reutilizables

Nuevos componentes personalizados que siguen criterios de escalabilidad y reutilización, combinados con los componentes institucionales ya existentes.

Estilos globales coherentes

Definición de estilos globales basados en Minerva que favorecen la consistencia visual en todo el entorno digital del Ajuntament de Barcelona.

Accesibilidad normativa

Especial enfoque en el cumplimiento de la normativa de accesibilidad, asegurando una experiencia inclusiva para todos los usuarios.

RESULTADOS

Una solución flexible, preparada para evolucionar

La renovación integral de ambas plataformas ha permitido dar respuesta de forma eficaz a los requisitos planteados, superando las complejidades propias del entorno tecnológico y consolidando una solución robusta, flexible y alineada con los estándares institucionales.

Plataforma segura

Drupal 10 con soporte técnico vigente que garantiza estabilidad y evolución a largo plazo.

Identidad unificada

Tema Minerva aplicado con coherencia en ambos portales.

Accesibilidad total

Cumplimiento normativo para una experiencia inclusiva.

Escalabilidad garantizada

Componentes modulares listos para crecer sin reescribir.

- STACK TECNOLÓGICO -

La tecnología detrás del proyecto

Para Databot ha supuesto un proyecto especialmente enriquecedor, que ha permitido ampliar la experiencia en la gestión de sistemas CMS y consolidar conocimientos en el desarrollo de soluciones digitales robustas y escalables. Asimismo, ha sido una oportunidad para aplicar de forma práctica buenas prácticas en materia de accesibilidad, así como principios de diseño modular y reutilizable en la creación de componentes, contribuyendo a la construcción de entornos digitales más eficientes, sostenibles y adaptados a las necesidades actuales.

Patricia Oliva

Junior Developer Databot