Activitats.cat, una plataforma de 2019 reprogramada entera y un solo buscador
activitats.cat · 1.276 fichas migradas · un solo buscador 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.
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.
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.
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.
"Troba artistes, activitats i serveis."activitats.cat
¿Quieres un resultado así para tu proyecto?
quivoto, la brújula electoral que empieza por tu municipio
Las municipales no van de siglas: van de lo que pasa en tu calle.
Ver caso →
eclipsi.info, la herramienta que calcula qué verás desde tu punto exacto
El mapa te dice dónde. Esta herramienta te dice qué verás.
Ver caso →
Modèlic, un horno de masa madre con voz propia en redes
Pan de autor. Y un feed que huele igual de bien.
Ver caso →











