La sede electrónica de Sabadell, pensada para tramitar sin perderse

Sabadell es una de las grandes ciudades de Cataluña, con 224.589 habitantes. Su sede electrónica es el lugar donde la ciudadanía, las empresas y las entidades presentan solicitudes, consultan sus expedientes, reciben notificaciones y acceden a la información oficial del Ayuntamiento, del tablón de edictos a las ordenanzas o el perfil del contratante. En 2024, el Servei de Tecnologia i Transformació Organitzativa decidió renovarla por completo. Un consultor que había trabajado con nosotros en la implantación de la sede electrónica del Port de Barcelona conocía nuestra metodología y nuestros entregables, y nos recomendó. El Ayuntamiento nos invitó a participar en la licitación que tenía abierta, y la ganamos.

La sede que debíamos rediseñar había crecido por acumulación: un menú lateral larguísimo, apartados ordenados según la organización interna, una carpeta distinta para la ciudadanía, las entidades, las empresas y los proveedores, y trámites difíciles de encontrar si no sabías cómo se llamaban. La experiencia de uso era pobre, no respondía bien en el móvil y había que reforzar la accesibilidad para cumplir lo que la normativa exige a una administración pública.

El encargo lo pedía todo a la vez. Había que poner la tramitación por delante de la información y llegar a cualquier contenido en tres clics como máximo. También cumplir la Directiva europea de accesibilidad, el Real Decreto 1112/2018 y las WCAG, alinear el diseño con la imagen corporativa del Ayuntamiento y dejar plantillas que su equipo pudiera mantener. Además, había que redactar los apartados que la ley exige a una sede electrónica y que Sabadell todavía no tenía. Y lo diseñábamos nosotros, pero lo implantaría otro equipo: cada entregable tenía que ser preciso, y el lenguaje jurídico tenía que convivir con uno que cualquiera entendiera.

Empezamos por la arquitectura de información. Inventariamos todos los contenidos de la sede y los reorganizamos en tres grandes bloques: tramitar, conocer la institución e información por públicos, con la ciudadanía, las empresas y las entidades en primer plano. El árbol de contenidos y el plan de contenidos, con la plantilla que corresponde a cada página, los validamos con el equipo del Ayuntamiento en sesiones de trabajo y sobre prototipos interactivos.

Sobre esa estructura diseñamos las piezas que más pesan en el día a día. Mi carpeta deja de estar partida por perfiles y pasa a ser un único espacio para consultar solicitudes y expedientes. El buscador de trámites filtra por tema, perfil y tipo, y enseña los trámites destacados antes que el catálogo completo. Y la ficha de trámite reúne en una sola página toda la información y el acceso para iniciarlo, con un formato pensado también para imprimirse, como pedía la atención presencial del Ayuntamiento. Todo en wireframes de escritorio y móvil, dos propuestas gráficas y el diseño final de todas las plantillas en Figma: el azul corporativo, la tipografía Nunito, una paleta de apoyo con el contraste que exige la accesibilidad y una iconografía propia.

Y redactamos en catalán y castellano las 11 páginas nuevas que la normativa exige: la guía de tramitación, el registro de funcionarios habilitados, la verificación de sellos electrónicos, el catálogo de datos interoperables, las comunicaciones sobre requisitos de accesibilidad y la información para cada público. Partimos de las leyes 39/2015 y 40/2015 y del Real Decreto 203/2021, y las escribimos en lenguaje claro: qué es, quién lo puede hacer, cómo se hace y dónde pedir ayuda.