Proyectos · Caso

Activitats.cat, una plataforma de 2019 reprogramada entera y un solo buscador

Plataforma a medidaDiseño webMigración de datosDirectorio cultural 2026
Activitats.cat, una plataforma de 2019 reprogramada entera y un solo buscador
activitats.cat · 1.276 fichas migradas · un solo buscador
El encargo

Activitats.cat es el directorio donde quien programa una fiesta mayor, un ateneo o un acto de ayuntamiento busca a quien se lo hará posible: músicos, compañías, talleres, circo, danza, y también el sonido, la luz, el escenario, el catering y el personal. Lleva desde 2019 en línea y tenía dentro ocho años de fichas dadas de alta.

Lo que ya no daba más de sí era la plataforma. Una aplicación de Angular que partía el catálogo en dos buscadores separados —propuestas artísticas por un lado, empresas de servicios por otro— y que apenas enseñaba nada sin hacer clic. El encargo fue ponerla a punto de verdad: rediseñarla, cambiar cómo funciona y reprogramarla entera, sin perder una sola ficha por el camino.

Qué hicimos

Un solo buscador donde había dos. La plataforma anterior te obligaba a saber de antemano si lo que necesitabas era un artista o una empresa, y a elegir buscador antes de buscar. Ahora hay un campo y un directorio: quien monta un acto escribe «tallers» o «so» y le sale lo que hay, venga de donde venga.

Reprogramamos la plataforma entera. La vieja era una SPA de Angular servida por Express; la nueva es una aplicación de Next.js con App Router y componentes de servidor, API propia, panel de administración, registro de usuarios y área de perfil. No es un cambio de piel: debajo hay otra plataforma.

Nos llevamos las 1.276 fichas, con su historia. Migrar era media obra. Ocho años de altas, desde el registro más antiguo de 2018 hasta hoy, con las categorías reordenadas en un árbol nuevo y direcciones legibles en vez del numerado de antes.

Identidad digital de catálogo, no de aplicación. Newsreader para los nombres propios y Archivo para todo lo funcional, un carmín reservado a buscar y a pedir presupuesto, azul noche en cabecera y pie, y radios de dos píxeles: las tarjetas parecen fichas de un catálogo, que es exactamente lo que son. Diseño, web y programación desde cero.

La clave

Lo difícil no era el diseño: era decidir que un artista y una empresa de sonido son la misma cosa. Comparten tarjeta, ficha, pestañas y botón de presupuesto, porque quien organiza un acto los necesita a los dos y no piensa en categorías. A partir de esa decisión la plataforma vieja ya no se podía arreglar: había que escribirla otra vez.

1.276
fichas migradas a la plataforma nueva
1.542
direcciones indexables en el mapa del sitio
828
profesionales solo en Música, la categoría mayor
181
subcategorías artísticas dentro del árbol
13
categorías: nueve artísticas y cuatro de servicios
1
buscador donde antes había dos
Qué hay debajo

La aplicación corre sobre Next.js con App Router y componentes de servidor, detrás de nginx, con API propia y tres zonas que no se ven desde fuera: el panel de administración, el registro y el área de perfil de cada profesional. Las tipografías se sirven desde la propia aplicación y las imágenes pasan por el optimizador de Next, servidas desde un bucket de Cloudflare. Nada de lo que pinta la página depende de un tercero.

El sistema visual cabe en una variable. Literalmente: la hoja de estilo declara un solo radio, de 2 px, y no hay ningún otro. El resto es disciplina tipográfica: Newsreader a 56/56 con -1,4 px de interletraje en el titular, 40/50 a -1 en los de sección y 24/32 a -0,6 en los nombres de categoría, y Archivo a 16/24 para todo lo demás. El carmín #C7104A aparece setenta y tres veces y siempre significa lo mismo: buscar, registrarse o pedir presupuesto.

La parte editorial también es trabajo. Cada foto temática lleva su texto alternativo escrito a mano en catalán y su crédito al fotógrafo sobre la imagen, con una página entera de créditos detrás; las fichas sin foto propia se marcan como «imatge il·lustrativa» en vez de disimularlo; y el aviso de cookies deja rechazar por categorías. Son decisiones pequeñas que, en un directorio de mil y pico fichas, es donde se nota si alguien lo ha cuidado.

Cómo fue
01La plataforma viejaUna SPA de Angular de 2019 con el catálogo partido en dos
02La decisiónUn directorio, una ficha y un solo campo de búsqueda
03La reprogramaciónNext.js, API propia, panel de gestión y área de perfil
04La mudanzaFebrero de 2026: 1.276 fichas, con ocho años de historia
Galería · el proyecto en imágenes (clica para ampliar)
Un buscador, una cifra y ninguna floritura. Nueve categorías artísticas y ciento ochenta y una subcategorías. De encontrar al artista a pedirle presupuesto, en la misma página. Un directorio que se usa de pie, en el patio de butacas. Sonido, carpas, personal y producción: lo que no se ve del escenario. Ochocientos veintiocho músicos, ordenados en ochenta y cuatro estilos. Cada ficha, con su foto propia o la etiqueta honesta de imagen ilustrativa. La misión escrita: ser el punto de encuentro de la cultura catalana.
Concepto y sistema · moodboard, tipografía, componentes y composición
La decisión de partida: una sola caja de búsqueda para todo lo que sube a un escenario. Newsreader para los nombres y Archivo para el trabajo, con un radio de 2 píxeles en toda la plataforma. Tres pantallas y una sola tarjeta: buscar, filtrar y pedir presupuesto. Una aplicación Next.js de 570 KB que hace 18 llamadas a su propia API para pintar la portada. El botón de presupuesto solo aparece cuando ya sabes a quién: antes, el recorrido no vende.
Así diseñamos todos los casos →
"Troba artistes, activitats i serveis."activitats.cat
Créditos · quién ha disparado
Fotografía temáticaAcreditada foto a foto en la página de créditos fotográficos del propio directorio

¿Quieres un resultado así para tu proyecto?

Siguiente proyecto

VTM Berango, once viviendas protegidas y una solicitud que se entiende