Hver august forvandles Vila de Gràcia i Barcelona til noe du må se for å tro: 23 gater og plasser konkurrerer om å overgå hverandre med måneder av håndverk, og i åtte dager er det castellers, correfocs, verksteder og konserter over hele nabolaget. Vi har bodd her i tjue år. Festivalen er grunnen til at halvparten av vennene våre vet hvor studioet vårt ligger, og den ga oss en konkret produktbegrensning: bygg for mennesker som allerede er ute, med mobilen i hånden, på jakt etter det neste de kan gjøre. Guiden måtte svare raskt uten å redusere festaens særpreg til en liste med anonyme arrangementer. Derfor måtte programmet, kartet og gatenes historier høre til på det samme lille nettstedet.
Sideprosjekt. Fiestas de Gràcia er en uoffisiell guide laget av Clutch Developer — uten tilknytning til Fundació Festa Major de Gràcia eller distriktet. Det offisielle programmet finner du på barcelona.cat/fmgracia. Den uoffisielle guiden finner du på fiestasdegracia.com.
Problemet
Det offisielle programmet er en vakkert utformet PDF med mye informasjon. Det fungerer fint når du planlegger hjemme, men blir upraktisk lørdag kveld når du står i en full gate og vil svare på et enkelt spørsmål: hva skjer akkurat nå, og hva er i nærheten av meg? En PDF kan ikke filtreres etter dag, kategori eller sted, og den gir ikke kartet en ordentlig plass i den samme avgjørelsen. På mobilen trenger brukeren en kort vei fra spørsmål til arrangement: velg en dag, avgrens kategorien, søk etter et navn eller et sted, og åpne veibeskrivelsen eller konteksten for gaten. Festivalens startdato var fast, og budsjettet for det lille kveldsprosjektet var begrenset. Omfanget måtte derfor holdes fokusert: gjør programmet om til en rask og lesbar guide uten å late som den erstatter den offisielle kommunikasjonen.
- Alle 134 arrangementer, filtrerbare etter dag, kategori og sted — med snarveier til dagens program og arrangementene som pågår akkurat nå under festivalen.
- Et levende kart over de 23 pyntede gatene og plassene, festivalområdene, gågatesonene og praktiske ruter gjennom nabolaget.
- Gateprofiler med historien til hver komité, lokal kontekst, Instagram-kontoen deres og en direkte vei inn på kartet.
- En applaus-toppliste — hver besøkende får 3 applauser 👏 å fordele mellom favorittgatene sine; innlogging brukes for å knytte den lille leken til virkelige personer.
- Katalansk, spansk og engelsk. Du trenger ingen app eller konto for å lese programmet. Det er gratis.
Stacken, siden spørsmålet kommer
- Front: håndskrevet HTML/CSS/JavaScript, med ekte URL-er til programmet, kartet og gatesidene slik at besøkende kan dele et nyttig mål.
- Kart: Leaflet med CARTO/OpenStreetMap-fliser, brukt til å koble de pyntede gatene og festivalområdene til det samme filtrerbare programmet.
- Applaus: Supabase-støttet status for innlogging og rangering, med e-postbekreftelse samt Google- og Apple-alternativer for regelen om 3 applauser per person.
- Levering: en liten statisk nettflate på Netlify, med katalansk, spansk og engelsk innhold, analyse etter samtykke og uten installasjon fra en appbutikk. Ved å holde disse delene samlet ble guiden rask å laste, enkel å dele og lett å oppdatere mens programmet endret seg.
Alt gikk fra distriktets PDF til produksjon på under én ukes kvelder og var live før dag én. Det viktige leveringsvalget var å stoppe ved det nyttige svaret: se programmet, filtrer det, se gatene på et kart og åpne den lokale konteksten. Den besøkende trenger ikke å lære et nytt system eller opprette en konto; guiden møter spørsmålet når det oppstår og trekker seg så til side. Derfor er det mer sannsynlig at et lite, tidsavgrenset produkt blir brukt enn at en større guide kommer etter det riktige øyeblikket. Det er samme tilnærming som i nettstedene vi bygger for kunder: lever mens svaret fortsatt betyr noe, hold omfanget synlig og la den neste funksjonen fortjene plassen sin gjennom faktisk bruk.