Activitats.cat, una plataforma del 2019 reprogramada sencera i un sol cercador
activitats.cat · 1.276 fitxes migrades · un sol cercador Activitats.cat és el directori on qui programa una festa major, un ateneu o un acte d’ajuntament busca qui l’hi farà possible: músics, companyies, tallers, circ, dansa, i també el so, la llum, l’escenari, el càtering i el personal. És en línia des del 2019 i tenia a dins vuit anys de fitxes donades d’alta.
El que ja no donava més de si era la plataforma. Una aplicació d’Angular que partia el catàleg en dos cercadors separats —propostes artístiques d’una banda, empreses de serveis de l’altra— i que gairebé no ensenyava res sense fer clic. L’encàrrec va ser posar-la a punt de debò: redissenyar-la, canviar com funciona i reprogramar-la sencera, sense perdre ni una fitxa pel camí.
Un sol cercador on n’hi havia dos. La plataforma anterior t’obligava a saber per endavant si el que necessitaves era un artista o una empresa, i a triar cercador abans de buscar. Ara hi ha un camp i un directori: qui munta un acte escriu «tallers» o «so» i li surt el que hi ha, vingui d’on vingui.
Vam reprogramar la plataforma sencera. La vella era una SPA d’Angular servida per Express; la nova és una aplicació de Next.js amb App Router i components de servidor, API pròpia, tauler d’administració, registre d’usuaris i àrea de perfil. No és un canvi de pell: a sota hi ha una altra plataforma.
Ens vam endur les 1.276 fitxes, amb la seva història. Migrar era mitja obra. Vuit anys d’altes, des del registre més antic del 2018 fins avui, amb les categories reordenades en un arbre nou i adreces llegibles en comptes de la numeració d’abans.
Identitat digital de catàleg, no d’aplicació. Newsreader per als noms propis i Archivo per a tot el que és funcional, un carmí reservat a buscar i a demanar pressupost, blau nit a capçalera i peu, i radis de dos píxels: les targetes semblen fitxes d’un catàleg, que és exactament el que són. Disseny, web i programació des de zero.
El difícil no era el disseny: era decidir que un artista i una empresa de so són la mateixa cosa. Comparteixen targeta, fitxa, pestanyes i botó de pressupost, perquè qui organitza un acte els necessita tots dos i no pensa en categories. A partir d’aquesta decisió la plataforma vella ja no es podia arreglar: s’havia d’escriure una altra vegada.
L’aplicació corre sobre Next.js amb App Router i components de servidor, darrere de nginx, amb API pròpia i tres zones que no es veuen des de fora: el tauler d’administració, el registre i l’àrea de perfil de cada professional. Les tipografies se serveixen des de la mateixa aplicació i les imatges passen per l’optimitzador de Next, servides des d’un bucket de Cloudflare. Res del que pinta la pàgina no depèn d’un tercer.
El sistema visual cap en una variable. Literalment: el full d’estil declara un sol radi, de 2 px, i no n’hi ha cap altre. La resta és disciplina tipogràfica: Newsreader a 56/56 amb -1,4 px d’interlletratge al titular, 40/50 a -1 als de secció i 24/32 a -0,6 als noms de categoria, i Archivo a 16/24 per a tota la resta. El carmí #C7104A apareix setanta-tres vegades i sempre significa el mateix: buscar, registrar-se o demanar pressupost.
La part editorial també és feina. Cada foto temàtica porta el seu text alternatiu escrit a mà en català i el seu crèdit al fotògraf sobre la imatge, amb una pàgina sencera de crèdits al darrere; les fitxes sense foto pròpia es marquen com a «imatge il·lustrativa» en comptes de dissimular-ho; i l’avís de galetes deixa rebutjar per categories. Són decisions petites que, en un directori de mil i escaig fitxes, és on es nota si algú l’ha cuidat.
"Troba artistes, activitats i serveis."activitats.cat
Vols un resultat així per al teu projecte?
quivoto, la brúixola electoral que comença pel teu municipi
Les municipals no van de sigles: van del que passa al teu carrer.
Veure el cas →
eclipsi.info, l’eina que calcula què veuràs des del teu punt exacte
El mapa et diu on. Aquesta eina et diu què hi veuràs.
Veure el cas →
Modèlic, un forn de massa mare amb veu pròpia a les xarxes
Pa d'autor. I un feed que fa la mateixa olor.
Veure el cas →