Varje augusti förvandlas Vila de Gràcia i Barcelona till något man måste se för att tro: 23 gator och torg tävlar om att överträffa varandra med månader av hantverk, och i åtta dagar finns castellers, correfocs, workshops och konserter över hela kvarteret. Vi har bott här i tjugo år. Festivalen är anledningen till att hälften av våra vänner vet var vår studio ligger, och den gav oss en konkret produktbegränsning: bygg för människor som redan är ute, med mobilen i handen, på jakt efter nästa sak att göra. Guiden behövde svara snabbt utan att platta ut festans karaktär till en lista med anonyma evenemang. Därför behövde programmet, kartan och gatornas berättelser höra till samma lilla sajt.
Sidoprojekt. Fiestas de Gràcia är en inofficiell guide gjord av Clutch Developer — utan koppling till Fundació Festa Major de Gràcia eller distriktet. Det officiella programmet finns på barcelona.cat/fmgracia. Den inofficiella guiden finns på fiestasdegracia.com.
Problemet
Det officiella programmet är en vackert formgiven PDF med mycket information. Det fungerar bra när du planerar hemma, men blir besvärligt på lördagskvällen när du står på en fullpackad gata och vill svara på en enkel fråga: vad händer just nu och vad finns nära mig? En PDF går inte att filtrera efter dag, kategori eller plats och ger inte kartan en riktig plats i samma beslut. På mobilen behöver användaren en kort väg från fråga till evenemang: välj en dag, begränsa kategorin, sök efter ett namn eller en plats och öppna vägbeskrivningen eller gatans sammanhang. Festivalens startdatum var fast och budgeten för det lilla kvällsprojektet var begränsad. Därför behövde omfattningen förbli fokuserad: gör programmet till en snabb och lättläst guide utan att låtsas ersätta den officiella kommunikationen.
- Alla 134 evenemang, filtrerbara per dag, kategori och plats — med genvägar till dagens agenda och till evenemang som pågår just nu under festivalen.
- En livekarta över de 23 smyckade gatorna och torgen, festivalplatserna, gågatorna och praktiska rutterna genom kvarteret.
- Gatuprofiler med varje kommittés berättelse, lokal kontext, deras Instagram och en direkt väg in i kartan.
- En applåd-topplista — varje besökare får 3 applåder 👏 att dela mellan sina favoritgator; inloggning används för att knyta det lilla spelet till riktiga personer.
- Katalanska, spanska och engelska. Ingen app eller registrering behövs för att läsa programmet. Det är gratis.
Stacken, eftersom frågan kommer
- Front: handskriven HTML/CSS/JavaScript, med riktiga URL:er till programmet, kartan och gatusidorna så att besökare kan dela en användbar destination.
- Karta: Leaflet med CARTO/OpenStreetMap-tiles, som kopplar de smyckade gatorna och festivalplatserna till samma filtrerbara program.
- Applåder: Supabase-backad status för inloggning och topplista, med e-postverifiering samt Google- och Apple-alternativ för regeln om 3 applåder per person.
- Leverans: en liten statisk webbyta på Netlify, med innehåll på katalanska, spanska och engelska, analys efter samtycke och utan steg för installation från en appbutik. När delarna hölls ihop blev guiden snabb att ladda, lätt att dela och enkel att uppdatera när programmet ändrades.
Allt gick från distriktets PDF till produktion på mindre än en veckas kvällar och var live före dag ett. Det viktiga leveransbeslutet var att stanna vid det användbara svaret: bläddra i programmet, filtrera det, se gatorna på en karta och öppna den lokala kontexten. Besökaren behöver inte lära sig ett nytt system eller skapa ett konto; guiden möter frågan när den uppstår och kliver sedan åt sidan. Därför är det mer sannolikt att en liten, tidsbunden produkt används än att en större guide kommer efter rätt ögonblick. Det är samma arbetssätt som i de webbplatser vi bygger för kunder: leverera medan svaret fortfarande spelar roll, håll omfattningen synlig och låt nästa funktion förtjänas genom verklig användning.