Diez años reduciendo desigualdades entre barrios
El Pla de Barris es el programa del Ajuntament de Barcelona que trabaja en los barrios con más necesidades de la ciudad para reducir las desigualdades y abrir nuevas oportunidades, contando con los vecinos y vecinas, gestionado por Foment de Ciutat, que en su edición 2025–2028 ha actuado en 27 barrios, con más de 300 acciones que benefician a unas 438.000 personas.
Después de una década, los efectos se notan: el paro ha bajado un 3,8 % respecto al 11,2 % de la primera edición, el abandono prematuro de los estudios se ha reducido un 9,1 % respecto al 35,7 % anterior y el impacto positivo en salud ha crecido un 15,5 %, sobre todo entre las mujeres. Se han rehabilitado 1.971 viviendas, 5.500 personas han pasado por programas de empleo y 29.633 alumnos se han beneficiado de sus políticas educativas.
Pero la web anterior no daba visibilidad a lo realmente importante: las acciones que se estaban realizando y de las que se estaba beneficiando el vecindario. Poder ubicarlas en un mapa y filtrarlas por barrio era uno de los requisitos del proyecto, con el fin de que el programa llegara a más gente.
De dónde partíamos: de Drupal 7 a Drupal 10, y todo lo que reformulamos
La web anterior del Pla de Barris funcionaba con Drupal 7, una versión ya sin soporte, y el encargo de Foment de Ciutat era actualizarla a Drupal 10 dentro del ecosistema barcelona.cat (si estás en ese punto, aquí tienes nuestra guía para migrar de Drupal 7 a Drupal 10). Aprovechamos la actualización para replantear la web entera, no solo para migrarla.
Partimos de las premisas y los requisitos del encargo y de los contenidos que Foment quería mostrar. Primero definimos la arquitectura y los wireframes; después, una propuesta visual con la nueva marca del Pla de Barris que respetara las pautas de comunicación digital del Ajuntament.
El diseño se hizo desde cero a partir del nuevo manual de identidad del Pla de Barris. Su rasgo más reconocible es el chaflán: el logotipo y todas las formas gráficas tienen una esquina cortada que recuerda a las manzanas del Eixample y a las áreas en que se organiza la ciudad, un guiño que conecta el programa con la Barcelona que conoce todo el mundo. La web traslada ese sistema a la pantalla: formas con chaflán que enmarcan títulos, imágenes y cifras, la paleta de colores del programa, una iconografía propia para cada ámbito y el lema «Hacemos barrios, hacemos ciudad». Toda la web se diseñó y desarrolló siguiendo las pautas de accesibilidad WCAG 2.1 que exige el Ajuntament, sobre su perfil Drupal Minerva. Si trabajas en el sector público y Drupal te suena lejano, aquí explicamos qué es Drupal para quien no es de la comunidad técnica.
Un mapa de acciones por barrio
La portada responde a una pregunta muy concreta: «¿Qué hace el Pla de Barris en mi barrio?». Un mapa y un listado permiten elegir el plan de barrio y filtrar las acciones por ámbito y por perfil. Cada acción tiene su propia ficha con el barrio, el ámbito y el público al que se dirige, y cada barrio, una página con todo lo que se hace en él. Las acciones transversales, que llegan a todos los barrios, tienen su propio espacio.
El reto: La sincronización con Project Monitor para llegar a las acciones
Las acciones no se escriben en la web. El equipo de Foment las gestiona en Project Monitor, su herramienta de seguimiento de proyectos, y la web recibe a través de su API todos los datos: textos, barrios, ámbitos, públicos e imágenes. Nuestro trabajo fue construir la web y «pintar» esa información: convertir cada registro en una ficha clara, situarla en el mapa y hacerla filtrable. Así, cuando el equipo actualiza una acción en su herramienta, la ciudadanía la ve en la web sin pasos intermedios.
La última novedad: la exposición de los 10 años
Para su décimo aniversario, el Pla de Barris organizó una exposición itinerante por 15 barrios entre julio y noviembre de 2026. La web es su capa digital: cada parada tiene su propia página con entrevistas y recursos audiovisuales, y los códigos QR de los plafones llevan directamente a ella, como explicaba el Ajuntament en su nota de prensa. La página resumen nació en la fase de conceptualización. Vimos que, antes de entrar en el contenido de cada barrio, la gente necesitaba contexto: qué ofrecía la exposición, dónde se podía visitar en ese momento y cuándo pasaría por su barrio. Esa página lo resume con las fechas de cada parada y, desde ella, se entra al detalle de la exposición de cada barrio en cuanto está habilitada.
«El Pla de Barris necesitaba una plataforma que reflejara todo lo que Foment de Ciutat hace en Barcelona y el impacto real que está teniendo. Digitalizar estos proyectos hace que lleguen a más personas y ganen visibilidad: si con ello alguien ha podido beneficiarse de alguna de sus acciones, o se reconoce mejor el trabajo de su equipo, estoy más que satisfecha.»
Laura González Recio, responsable de diseño y directora de arte del proyecto
Proyectos relacionados
Descubre la web del Pla de Barris
Puedes acceder a la web de este proyecto en barcelona.cat/pladebarris.
¿Tu administración necesita una web así?
Creamos ecosistemas digitales seguros, útiles y accesibles para la ciudadanía mediante tecnología segura, creativa y de valor. Somos especialistas en desarrollo Drupal para administraciones públicas. Cuéntanos tu proyecto.
