Deu anys reduïnt desigualtats entre barris
El Pla de Barris és el programa de l'Ajuntament de Barcelona que treballa als barris amb més necessitats de la ciutat per reduir les desigualtats i obrir noves oportunitats, comptant amb els veïns i veïnes, gestionat per Foment de Ciutat, que en la seva edició 2025–2028 actua a 27 barris, amb més de 300 accions que beneficien unes 438.000 persones.
Despés d'una dècada, els efectes es noten: l'atur ha baixat un 3,8 % respecte a l'11,2 % de la primera edició, l'abandonament prematur dels estudis s'ha reduït un 9,1 % respecte al 35,7 % anterior i l'impacte positiu en salut ha crescut un 15,5 %, sobretot entre les dones. S'han rehabilitat 1.971 habitatges, 5.500 persones han passat per programes d'ocupació i 29.633 alumnes s'han beneficiat de les seves polítiques educatives.
Però el web anterior no donava visibilitat al que realment importa: les accions que s'estaven fent i que anaven adreçades al veïnat. Poder situar-les en un mapa i filtrar-les per barri era un dels requisits del projecte, amb l'objectiu que el programa arribés a més gent.
D'on partíem: de Drupal 7 a Drupal 10, i tot el que vam reformular
El web anterior del Pla de Barris funcionava amb Drupal 7, una versió ja sense suport, i l'encàrrec de Foment de Ciutat era actualitzar-lo a Drupal 10 dins de l'ecosistema barcelona.cat (si et trobes en aquest punt, aquí tens la nostra guia per migrar de Drupal 7 a Drupal 10). Vam aprofitar la migració a Drupal 10 per replantejar tot el web, no només per migrar-lo.
Vam partir de les premisses i els requisits de l'encàrrec i dels continguts que Foment volia mostrar. Primer vam definir l'arquitectura i els wireframes; després, una proposta visual amb la nova marca del Pla de Barris que respectés les pautes de comunicació digital de l'Ajuntament.
El disseny es va fer des de zero a partir del nou manual d'identitat del Pla de Barris. El tret més reconeixible és el xamfrà: el logotip i totes les formes gràfiques tenen una cantonada tallada que recorda les illes de l'Eixample i les àrees en què s'organitza la ciutat, una picada d'ullet que connecta el programa amb la Barcelona que coneix tothom. El web trasllada aquest sistema a la pantalla: formes amb xamfrà que emmarquen títols, imatges i xifres, la paleta de colors del programa, una iconografia pròpia per a cada àmbit i el lema «Fem barris, fem ciutat». Tot el web es va dissenyar i desenvolupar seguint les pautes d'accessibilitat web WCAG 2.1 que exigeix l'Ajuntament, sobre el seu perfil Drupal Minerva. Si treballes al sector públic i Drupal et sona llunyà, aquí expliquem què és Drupal per a qui no és de la comunitat tècnica.
Un mapa d'accions per barri
La portada respon a una pregunta molt concreta: «Què fa el Pla de Barris al meu barri?». Un mapa i un llistat permeten triar el pla de barri i filtrar les accions per àmbit i per perfil. Cada acció té la seva pròpia fitxa amb el barri, l'àmbit i el públic al qual s'adreça, i cada barri, una pàgina amb tot el que s'hi fa. Les accions transversals, que arriben a tots els barris, tenen el seu propi espai.
El repte: La sincronització amb Project Monitor per arribar a les accions
Les accions no s'escriuen al web. L'equip de Foment les gestiona a Project Monitor, la seva eina de seguiment de projectes, i el web rep a través de la seva API totes les dades: textos, barris, àmbits, públics i imatges. La nostra feina va ser construir el web i «pintar» aquesta informació: convertir cada registre en una fitxa clara, situar-la al mapa i fer-la filtrable. Així, quan l'equip actualitza una acció a la seva eina, la ciutadania la veu al web sense passos intermedis.
L'última novetat: l'exposició dels 10 anys
Per al seu desè aniversari, el Pla de Barris va organitzar una exposició itinerant per 15 barris entre juliol i novembre de 2026. El web n'és la capa digital: cada parada té la seva pròpia pàgina amb entrevistes i recursos audiovisuals, i els codis QR dels plafons hi porten directament, com explicava l'Ajuntament a la seva nota de premsa. La pàgina resum va néixer a la fase de conceptualització. Vam veure que, abans d'entrar al contingut de cada barri, la gent necessitava context: què oferia l'exposició, on es podia visitar en aquell moment i quan passaria pel seu barri. Aquesta pàgina ho resumeix amb les dates de cada parada i, des d'allà, s'entra al detall de l'exposició de cada barri tan bon punt està habilitada.
«El Pla de Barris necessitava una plataforma que reflectís tot el que Foment de Ciutat fa a Barcelona i l'impacte real que està tenint. Digitalitzar aquests projectes fa que arribin a més persones i guanyin visibilitat: si amb això algú s'ha pogut beneficiar d'alguna de les seves accions, o es reconeix millor la feina del seu equip, estic més que satisfeta.»
Laura González Recio, responsable de disseny i directora d'art del projecte
Projectes relacionats
Descobreix el web del Pla de Barris
Pots accedir al web d'aquest projecte a barcelona.cat/pladebarris.
La teva administració necessita un web així?
Creem ecosistemes digitals segurs, útils i accessibles per a la ciutadania mitjançant tecnologia segura, creativa i de valor. Som especialistes en desenvolupament Drupal i en desenvolupament web per a l'administració pública. Explica'ns el teu projecte.
