Jeden August verwandelt sich die Vila de Gràcia in Barcelona in etwas, das man gesehen haben muss: 23 Straßen und Plätze wetteifern mit monatelanger Handarbeit darum, sich gegenseitig zu übertreffen, und acht Tage lang gibt es Castellers, Correfocs, Workshops und Konzerte im ganzen Viertel. Wir leben seit zwanzig Jahren hier. Dieses Fest ist der Grund, warum die Hälfte unserer Freunde weiß, wo unser Studio ist, und es gab uns eine klare Produktvorgabe: für Menschen bauen, die bereits unterwegs sind, auf dem Handy nach der nächsten Aktivität suchen. Der Guide musste schnell antworten, ohne den Charakter der Festa in eine anonyme Veranstaltungsliste zu verwandeln. Deshalb sollten Programm, Karte und die Geschichten der Straßen zu derselben kleinen Website gehören.
Side Project. Fiestas de Gràcia ist ein inoffizieller Guide von Clutch Developer — ohne Verbindung zur Fundació Festa Major de Gràcia oder zum Bezirk. Das offizielle Programm finden Sie auf barcelona.cat/fmgracia. Der inoffizielle Guide ist unter fiestasdegracia.com verfügbar.
Das Problem
Das offizielle Programm ist ein schön gestaltetes PDF mit sehr vielen Informationen. Zu Hause ist das in Ordnung, aber am Samstagabend wird es umständlich, wenn Sie in einer vollen Straße stehen und eine einfache Frage beantworten möchten: Was findet gerade statt und was liegt in meiner Nähe? Ein PDF lässt sich nicht nach Tag, Kategorie oder Ort filtern und gibt der Karte keinen gleichwertigen Platz in derselben Entscheidung. Auf dem Handy braucht die Person einen kurzen Weg von der Frage zur Veranstaltung: einen Tag auswählen, die Kategorie eingrenzen, nach einem Namen oder Ort suchen und die Wegbeschreibung oder den Kontext der Straße öffnen. Das Eröffnungsdatum des Festivals stand fest und das Budget für das kleine Feierabendprojekt war begrenzt. Der Umfang musste deshalb klar bleiben: das Programm in einen schnellen, gut lesbaren Guide verwandeln, ohne die offizielle Kommunikation ersetzen zu wollen.
- Alle 134 Veranstaltungen, filterbar nach Tag, Kategorie und Ort — mit Sprüngen zur heutigen Agenda und zu den Veranstaltungen, die während des Festivals gerade stattfinden.
- Eine Live-Karte der 23 geschmückten Straßen und Plätze, der Festorte, der Fußgängerbereiche und der praktischen Wege durch das Viertel.
- Straßenprofile mit der Geschichte jeder Kommission, lokalem Kontext, ihrem Instagram-Account und einem direkten Einstieg in die Karte.
- Eine Applaus-Rangliste — jeder Besucher und jede Besucherin erhält 3 Applaus-Punkte 👏 für die Lieblingsstraßen; die Anmeldung hält dieses kleine Spiel an reale Personen gebunden.
- Katalanisch, Spanisch und Englisch. Zum Lesen des Programms brauchen Sie keine App und keine Anmeldung. Der Guide ist kostenlos.
Der Stack, weil die Frage kommt
- Front: handgeschriebenes HTML/CSS/JavaScript mit echten URLs für Programm, Karte und Straßenseiten, damit Besucher ein nützliches Ziel teilen können.
- Karte: Leaflet mit CARTO/OpenStreetMap-Tiles, um die geschmückten Straßen und Festorte mit demselben filterbaren Programm zu verbinden.
- Applaus: von Supabase unterstützter Anmelde- und Ranglistenstatus, mit E-Mail-Verifizierung sowie Google- und Apple-Optionen für die Regel von drei Applaus-Punkten pro Person.
- Auslieferung: eine kleine statische Weboberfläche auf Netlify mit katalanischen, spanischen und englischen Inhalten, Analytics nur nach Einwilligung und ohne App-Store-Installation. Diese Teile zusammenzuhalten machte den Guide schnell, leicht teilbar und einfach zu aktualisieren, während sich das Programm änderte.
Das Ganze ging in weniger als einer Woche Feierabende vom Bezirks-PDF in Produktion und war vor dem ersten Tag live. Die wichtige Entscheidung beim Umfang war, bei der nützlichen Antwort aufzuhören: Programm ansehen, filtern, die Straßen auf einer Karte sehen und den lokalen Kontext öffnen. Sie müssen kein neues System lernen und kein Konto anlegen; der Guide ist da, wenn die Frage entsteht, und tritt danach wieder zurück. So wird ein kleines, zeitgebundenes Produkt eher genutzt als ein größerer Guide, der erst nach dem entscheidenden Moment erscheint. Das ist derselbe Ansatz wie bei den Websites, die wir für Kunden bauen: ausliefern, solange die Antwort zählt, den Umfang sichtbar halten und die nächste Funktion aus echter Nutzung entstehen lassen.