Hver august forvandler Vila de Gràcia i Barcelona sig til noget, man skal se for at tro det: 23 gader og pladser konkurrerer om at overgå hinanden med måneders håndværk, og i otte dage er der castellers, correfocs, workshops og koncerter i hele kvarteret. Vi har boet her i tyve år. Festivalen er grunden til, at halvdelen af vores venner ved, hvor vores studio ligger, og den gav os en konkret produktbegrænsning: byg til mennesker, der allerede er ude, med mobilen i hånden, på jagt efter det næste, de kan lave. Guiden skulle svare hurtigt uden at flade festaens karakter ud til en liste med anonyme events. Derfor skulle programmet, kortet og gadernes historier høre til på det samme lille site.
Sideprojekt. Fiestas de Gràcia er en uofficiel guide lavet af Clutch Developer — uden tilknytning til Fundació Festa Major de Gràcia eller distriktet. Det officielle program findes på barcelona.cat/fmgracia. Den uofficielle guide findes på fiestasdegracia.com.
Problemet
Det officielle program er en smukt designet PDF med masser af information. Det fungerer fint, når du planlægger hjemme, men bliver besværligt lørdag aften, når du står i en tætpakket gade og vil svare på et enkelt spørgsmål: hvad sker der lige nu, og hvad ligger tæt på mig? En PDF kan ikke filtreres efter dag, kategori eller sted, og den giver ikke kortet en rigtig plads i den samme beslutning. På mobilen har brugeren brug for en kort vej fra spørgsmål til event: vælg en dag, indsnævr kategorien, søg efter et navn eller sted, og åbn rutevejledningen eller gadens kontekst. Festivalens åbningsdato lå fast, og budgettet for det lille aftenprojekt var begrænset. Derfor skulle omfanget holdes fokuseret: gør programmet til en hurtig og læsbar guide uden at lade som om den erstatter den officielle kommunikation.
- Alle 134 events, filtrérbare efter dag, kategori og sted — med genveje til dagens program og til events, der foregår lige nu under festivalen.
- Et livekort over de 23 pyntede gader og pladser, festivalområderne, gågaderne og praktiske ruter gennem kvarteret.
- Gadeprofiler med hver komités historie, lokal kontekst, deres Instagram og en direkte indgang til kortet.
- En klapsalve-rangliste — hver besøgende får 3 klapsalver 👏 til at fordele mellem sine yndlingsgader; login bruges til at knytte det lille spil til virkelige personer.
- Catalansk, spansk og engelsk. Du behøver ingen app eller konto for at læse programmet. Det er gratis.
Stakken, for spørgsmålet kommer
- Front: håndskrevet HTML/CSS/JavaScript med rigtige URL'er til programmet, kortet og gadesiderne, så besøgende kan dele en nyttig destination.
- Kort: Leaflet med CARTO/OpenStreetMap-tiles, der forbinder de pyntede gader og festivalområderne med det samme filtrérbare program.
- Klapsalver: Supabase-understøttet status for login og rangliste, med e-mailverificering samt Google- og Apple-muligheder til reglen om 3 klapsalver pr. person.
- Levering: en lille statisk webflade på Netlify med indhold på catalansk, spansk og engelsk, analytics efter samtykke og uden installation fra en appbutik. Ved at holde delene samlet blev guiden hurtig at indlæse, nem at dele og let at opdatere, mens programmet ændrede sig.
Det hele gik fra distriktets PDF til produktion på under en uges aftener og var live før dag ét. Den vigtige beslutning om leveringen var at stoppe ved det nyttige svar: se programmet, filtrér det, se gaderne på et kort, og åbn den lokale kontekst. Den besøgende behøver ikke lære et nyt system eller oprette en konto; guiden møder spørgsmålet, når det opstår, og træder derefter til side. Derfor er det mere sandsynligt, at et lille, tidsafgrænset produkt bliver brugt, end at en større guide kommer efter det rigtige øjeblik. Det er den samme tilgang som i de websites, vi bygger for kunder: levér, mens svaret stadig betyder noget, hold omfanget synligt, og lad den næste funktion vokse ud af reel brug.