La seu electrònica de Sabadell, pensada per tramitar sense perdre's

Vam conceptualitzar i dissenyar la nova seu electrònica de l'Ajuntament de Sabadell: una estructura pensada per a qui tramita, un disseny accessible alineat amb la imatge municipal i els continguts nous que exigeix la normativa, en català i castellà.

Cliente
Ajuntament de Sabadell
Sector
Institucional & Corporatiu
Periodo
2024–2025
Servicios
Conceptualización y Diseño · Arquitectura de Información · Contenidos y SEO
La plaça de Sant Roc de Sabadell, amb l'església de Sant Fèlix a l'esquerra i la façana de l'Ajuntament, amb el rètol «Ajuntament», a la dreta.
Ajuntament de Sabadell — BarcelonaCaso de éxito
01El context

La porta digital d'una ciutat de 225.000 habitants

Sabadell és una de les grans ciutats de Catalunya, amb 224.589 habitants. La seva seu electrònica és el lloc on la ciutadania, les empreses i les entitats presenten sol·licituds, consulten els seus expedients, reben notificacions i accedeixen a la informació oficial de l'Ajuntament, del tauler d'edictes a les ordenances o el perfil del contractant. El 2024, el Servei de Tecnologia i Transformació Organitzativa va decidir renovar-la completament. Un consultor que havia treballat amb nosaltres en la implantació de la seu electrònica del Port de Barcelona coneixia la nostra metodologia i els nostres lliurables, i ens va recomanar. L'Ajuntament ens va convidar a participar en la licitació que tenia oberta, i la vam guanyar.

224.589

habitants (Idescat, 2025)

4

carpetes separades per perfil a la seu original

2

idiomes oficials a tota la seu

02El repte

Una seu ordenada per a l'administració, no per a qui tramita

La seu que havíem de redissenyar havia crescut per acumulació: un menú lateral llarguíssim, apartats ordenats segons l'organització interna, una carpeta diferent per a la ciutadania, les entitats, les empreses i els proveïdors, i tràmits difícils de trobar si no sabies com es deien. L'experiència d'ús era pobra, no responia bé al mòbil i calia reforçar l'accessibilitat per complir el que la normativa exigeix a una administració pública.

L'encàrrec ho demanava tot alhora. Calia posar la tramitació per davant de la informació i arribar a qualsevol contingut en tres clics com a màxim. També complir la Directiva europea d'accessibilitat, el Reial decret 1112/2018 i les WCAG, alinear el disseny amb la imatge corporativa de l'Ajuntament i deixar plantilles que el seu equip pogués mantenir. A més, calia redactar els apartats que la llei exigeix a una seu electrònica i que Sabadell encara no tenia. I ho dissenyàvem nosaltres, però ho implantaria un altre equip: cada lliurable havia de ser precís, i el llenguatge jurídic havia de conviure amb un que tothom entégués.

03La solució

Primer l'estructura, després el disseny, i els textos que faltaven

Vam començar per l'arquitectura de la informació. Vam inventariar tots els continguts de la seu i els vam reorganitzar en tres grans blocs: tramitar, conèixer la institució i informació per públics, amb la ciutadania, les empreses i les entitats en primer pla. L'arbre de continguts i el pla de continguts, amb la plantilla que correspon a cada pàgina, els vam validar amb l'equip de l'Ajuntament en sessions de treball i sobre prototips interactius.

Sobre aquesta estructura vam dissenyar les peces que més pesen en el dia a dia. La meva carpeta deixa d'estar partida per perfils i passa a ser un únic espai per consultar sol·licituds i expedients. El cercador de tràmits filtra per tema, perfil i tipus, i mostra els tràmits destacats abans que el catàleg complet. I la fitxa de tràmit reuneix en una sola pàgina tota la informació i l'accés per iniciar-lo, amb un format pensat també per imprimir-se, com demanava l'atenció presencial de l'Ajuntament. Tot en wireframes d'escriptori i mòbil, dues propostes gràfiques i el disseny final de totes les plantilles en Figma: el blau corporatiu, la tipografia Nunito, una paleta de suport amb el contrast que exigeix l'accessibilitat i una iconografia pròpia.

I vam redactar en català i castellà les 11 pàgines noves que la normativa exigeix: la guia de tramitació, el registre de funcionaris habilitats, la verificació de segells electrònics, el catàleg de dades interoperables, les comunicacions sobre requisits d'accessibilitat i la informació per a cada públic. Vam partir de les lleis 39/2015 i 40/2015 i del Reial decret 203/2021, i les vam escriure en llenguatge clar: què és, qui ho pot fer, com es fa i on demanar ajuda.

L'estany del Parc de Catalunya de Sabadell amb bancs de colors vora l'aigua i, al fons, els gratacels de l'Eix Macià i l'edifici Paddock.
El Parc de Catalunya, al centre de Sabadell, la ciutat per a la qual vam redissenyar la seu electrònica.
04Els resultats

Un projecte llest per implantar, que va arribar per recomanació

El juliol de 2025 vam lliurar el projecte complet: arquitectura, pla de continguts, wireframes, disseny i textos, documentats perquè el proveïdor designat per l'Ajuntament els implanti sobre Joomla, el seu gestor de continguts. La tramitació queda al centre de la seu, cada perfil té un únic punt d'entrada i els apartats que exigeix la llei estan escrits perquè s'entenguin. Que l'encàrrec arribés per la recomanació d'algú que havia vist la nostra feina a la seu electrònica del Port de Barcelona és la millor prova que la metodologia funciona.

Pantalles dissenyades
40
plantilles d'escriptori a Figma
Pàgines noves redactades
11
les que exigeix la normativa
Idiomes
2
català i castellà
Carpeta per a tots els perfils
1
abans, 4 de separades

¿EL SIGUIENTE CASO ES EL TUYO?

Hablemos