AFA Baix Llobregat, la web d’una entitat que cuida i que a més ret comptes
afabaix.org · des del 1994 · 15 delegacions · català i castellà L’AFA Baix Llobregat va néixer el 1994 com a delegació de l’AFA Barcelona i el 1997 se’n va separar per anar pel seu compte. Avui és una entitat d’utilitat pública que acompanya famílies de persones amb alzheimer en una comarca de més de 800.000 habitants: tres Centres Aloïs, quinze delegacions municipals, tallers, grups de suport i una agenda que es mou cada setmana.
La seva web era una pàgina estàtica dels anys dos mil. Havia de servir alhora per a tres coses que no s’assemblen: que una família acabada de diagnosticar trobi a qui trucar, que qui ja hi ve sàpiga què hi ha aquesta setmana, i que qui hi dona o hi subvenciona pugui llegir-se els estatuts i els comptes sense demanar-los per correu.
La fotografia de l’entitat al davant i la marca a sobre. Res de banc d’imatges: les cares de la portada són les usuàries, les voluntàries i els professionals de la casa, a sang i amb llum natural. El nom de cada secció va en un rètol taronja sobre la foto, i el verd oliva es reserva per al que es prem.
Vam dibuixar un joc d’icones propi. Traç taronja, un per servei i un per tipus de centre. És el que permet que la franja de xifres de la portada i la pàgina de serveis es llegeixin d’un cop d’ull, sense llegir-les, i és la part de la identitat digital que més es veu i més es reutilitza.
Vam muntar l’agenda com una eina, no com un llistat. Vista de llista, de mes i de dia, cercador d’actes i fitxa per activitat amb el seu mapa. És l’únic de la web que es toca cada setmana, així que ho havia de poder portar l’entitat sense trucar-nos.
La transparència, a la mateixa casa i no en un calaix. Estatuts, comptes anuals, altes en registres i memòries, aquestes últimes en un visor que es passa com un llibre. Set seccions, català i castellà, i formularis de soci, voluntariat i donatiu. Disseny, web i programació des de zero.
Una entitat del tercer sector té dos públics que no s’assemblen gens: la família que acaba de rebre un diagnòstic i qui decideix si li dona diners. En comptes de triar-ne un, vam posar l’acompanyament i la rendició de comptes a la mateixa web, amb la fotografia pròpia fent de pont. El taronja anomena, el verd actua, i no hi ha un tercer color.
El sistema tipogràfic reparteix tres famílies per funció i no per caprici: Montserrat per a titulars i botons (38/45 amb un punt d’interlletratge negatiu), Roboto per al menú i el cos a 16/28, i Lato per als destacats que van sobre fotografia. És més del que demana un manual, i aquí se sosté perquè cada família apareix sempre al mateix lloc.
El color va per rols estrictes. El verd oliva #68922E actua —menú actiu, botons, franges— i apareix cent quaranta-una vegades; el taronja #F19103 només anomena: rètols sobre foto i icones il·lustrades. El gris #77797D és el color més freqüent del document, amb gairebé mil usos, perquè és el text. Els radis es queden en 3 i 4 px expressament: la web no competeix amb la imatge.
A sota, la web és més aplicació del que sembla. Calendari d’actes amb tres vistes i cercador, visor de PDF paginat per a les memòries anuals, formularis d’alta de soci, voluntariat i donatiu, murs d’Instagram i Facebook, memòria cau de pàgina i WPML amb català i castellà declarats a l’hreflang. Cinc anys després, l’estructura de set seccions continua sent la mateixa.
"Des de 1994 vetllant per les persones amb alzheimer i les seves famílies."afabaix.org
Vols un resultat així per al teu projecte?
DalecandELA
Potenciem la lluita contra l'ELA amb tecnologia i disseny.
Veure el cas →
Club Natació Vallirana, el tauler d’un club que actualitza la seva pròpia junta
Un club no necessita un fullet: necessita el tauler sempre al dia.
Veure el cas →
Ajudem.cat, la plataforma de voluntariat que va guanyar la Hackovid
El nostre primer projecte va sortir d’un confinament. I encara s’aguanta.
Veure el cas →