Ajuntament de Barcelona

Modernitzar la presència digital de qui protegeix la ciutat

Industria

Administració pública

Servicios

CMS · Accessibilitat web

Cronologia

2025 - 2026

L’ Ajuntament de Barcelona és l’administració pública que governa la ciutat i coordina serveis municipals que impacten directament en la vida de més d’1,6 milions de persones.

Dins de la seva estructura, la Guàrdia Urbana vetlla per la convivència, el compliment de les ordenances i la seguretat ciutadana, mentre que els Bombers de Barcelona protegeixen les persones i el patrimoni davant d’emergències, incendis i situacions de risc.

Tots dos cossos compartien una mateixa necessitat: modernitzar la seva presència digital i millorar l’ accessibilitat de la informació que ofereixen a la ciutadania.

CONTEXT

Dos portals desenvolupats en Drupal 7, una versió sense suport tècnic

El projecte ha consistit en el desenvolupament de dos nous llocs web, un destinat a la Guàrdia Urbana i l’altre als Bombers de Barcelona, amb l’objectiu de modernitzar la seva presència digital i millorar l’accessibilitat per a la ciutadania.

Així mateix, s’ha dut a terme una revisió integral de l’estructura de continguts, optimitzant l’organització de la informació per facilitar una navegació més intuïtiva, clara i eficient.

El projecte no consistia a crear dos webs noves des de zero, sinó a renovar dues plataformes en producció, mantenint la coherència institucional i l’accessibilitat.

REPTE

Molt més que una migració de versió

Les anteriors webs es trobaven desenvolupades en Drupal 7, per la qual cosa ha estat necessari abordar una migració completa que anava molt més enllà d'un canvi de versió.

Drupal 7 sense suport

Els webs es trobaven en Drupal 7, sense suport tècnic vigent. Era necessari crear dos nous entorns en Drupal 10, més actualitzat, segur i estable.

Tema corporatiu Minerva

Implementar Minerva per unificar la identitat visual, assegurar la coherència institucional i garantir els estàndards d’accessibilitat.

Components inamovibles

Integrar components validats que no es podien modificar amb nous desenvolupaments personalitzats, dissenyats per a l’escalabilitat i la reutilització.

BENEFICIS

Immersió en l'ecosistema del client

A nivell tècnic, el projecte ha suposat una immersió pràctica en l'ecosistema de plataformes i eines pròpies del client, aprofundint en l' ús avançat de Drupal com a CMS principal del projecte.

EINES

Sygox i l'ecosistema Drupal

El treball va incloure Sygox com a plataforma de gestió i un ús intensiu d’eines específiques de l’ecosistema Drupal com Drush, tot ampliant les capacitats de l’equip en la gestió i administració d’instàncies Drupal des de la línia de comandes.

ENTORN LOCAL

Docker i DDEV per a entorns aïllats

Per al desenvolupament local es va utilitzar Docker a través de DDEV, tot establint entorns de treball reproduïbles i aïllats que van permetre a l’equip treballar amb seguretat i consistència durant tot el projecte.

DESPLEGAMENT

Obstacles resolts entre versions majors

L’equip es va enfrontar a diferents obstacles derivats de canvis entre versions majors, els quals es van resoldre gràcies a l’experiència acumulada en projectes de desplegament similars i al suport de les guies tècniques facilitades pel mateix client.

SEGURETAT

Còpies de seguretat i recuperabilitat

Es va mantenir una política de rotació de còpies de seguretat activa en tots dos entorns, la qual cosa va garantir la recuperabilitat davant de qualsevol incidència i va protegir la integritat de les dades en tot moment.

INFRAESTRUCTURA

De local a staging, de staging a producció

Per garantir l’estabilitat del projecte i seguir les bones pràctiques de desenvolupament continu, es va establir una arquitectura de dos entorns de servidor: un de staging i un altre de producció. Això va permetre seguir el flux correcte de promoció de canvis, assegurant en tot moment la qualitat i l’estabilitat de les plataformes.

SOLUCIÓ

Una renovació integral en totes dues plataformes

La solució s'ha centrat en la renovació integral de totes dues plataformes web, incorporant el tema corporatiu Minerva i desenvolupant components a mida dissenyats per garantir-ne la mantenibilitat, l'escalabilitat i l'adaptació a futures necessitats.

Composicions reutilitzables

Nous components personalitzats que segueixen criteris d’escalabilitat i reutilització, combinats amb els components institucionals ja existents.

Estils globals coherents

Definició d’estils globals basats en Minerva que afavoreixen la consistència visual en tot l’entorn digital de l’Ajuntament de Barcelona.

Accessibilitat normativa

Enfocament especial en el compliment de la normativa d’accessibilitat, assegurant una experiència inclusiva per a tots els usuaris.

RESULTATS

Una solució flexible, preparada per evolucionar

La renovació integral de totes dues plataformes ha permès donar resposta de forma eficaç als requisits plantejats, superant les complexitats pròpies de l'entorn tecnològic i consolidant una solució robusta, flexible i alineada amb els estàndards institucionals.

Plataforma segura

Drupal 10 amb suport tècnic vigent que garanteix estabilitat i evolució a llarg termini.

Identitat unificada

Tema Minerva aplicat amb coherència en tots dos portals.

Accessibilitat total

Compliment normatiu per a una experiència inclusiva.

Escalabilitat garantida

Components modulars llescos per créixer sense reescriure.

- STACK TECNOLÒGIC -

La tecnologia darrere del projecte

Per a Databot ha suposat un projecte especialment enriquidor, que ha permès ampliar l'experiència en la gestió de sistemes CMS i consolidar coneixements en el desenvolupament de solucions digitals robustes i escalables. Així mateix, ha estat una oportunitat per aplicar de forma pràctica bones pràctiques en matèria d'accessibilitat, així com principis de disseny modular i reutilitzable en la creació de components, contribuint a la construcció d'entorns digitals més eficients, sostenibles i adaptats a les necessitats actuals.

Patricia Oliva

Junior Developer Databot