Boulekampen

Översikt

Boulekampen är en bouleturnering på Skönsbergs Bouleklubb i Sundsvall, och sedan hösten 2026 även ett upplägg för företag: boule för hela arbetsplatsen, lottade lag som blandar avdelningarna och middag efteråt. Företaget skickar en förfrågan, delar anmälningslänken och kommer och spelar. Boulekampen bokar banorna, ordnar anmälan, sätter ihop lagen, gör spelschemat och bokar middagen.

Projektet började som en anmälningssida till turneringen i mars 2026. Nu är det ett varumärke, en sajt som säljer företagsupplägget, en portal för den som planerar och ett system som driver själva turneringsdagen.

Varumärke

Formen ska kännas som en fest med klot. Den bärs av stor typografi, mycket luft och en enda färg som syns, orange #FA3707, mot off-white och svart. Rubrikerna är satta i Bonbance Bold Condensed och resten i Inter. Klotet är märket: det ersätter O:et i ordbilden, är favicon och rullar in när sidan laddas. Menyvalen i headern har olika former och färger, och allt annat hålls tyst.

Designsystemet finns i ett eget dokument som koden följer, med färger, typskala, marginaltokens och rörelse, och som PDF för den som ska trycka något.

Sajten

Startsidan är skriven för den som aldrig hört talas om Boulekampen. Direkt efter heron kommer varför boule passar en arbetsplats, och sedan en jämförelse som visar arbetsfördelningen: företaget gör tre saker, Boulekampen resten.

Därefter förklaras dagen i steg från förfrågan till final, med det som ingår och ett exempel med åtta lag från gruppspel till final. Bokningsformuläret ligger på en orange biljett längst ner.

Företagsportalen

Varje företagsevent får ett eget inlogg som arrangörerna skapar. I portalen ser den som planerar nedräkningen, dagens program och det som återstår att göra. Offerten godkänns direkt i portalen, och frågor till arrangörerna skrivs under Meddelanden.

Kollegorna anmäler sig själva via länk eller QR-kod och väljer avdelning, specialkost och om de följer med på middagen. I portalen syns vem som kommer och vad de äter, och specialkosten går direkt till köket. Lagen sätter arrangörerna ihop inför dagen. Allt uppdateras live, både hos företaget och hos arrangörerna.

Turneringsdagen

Arrangörerna driver dagen från en egen vy. Där lottas grupperna, och spelschemat läggs ut på banorna med tider. Där förs resultaten in och dagsschemat redigeras. Ändringarna syns direkt hos alla som är inloggade och på deltagarnas mobiler. Schemat kan exporteras som en färdig Instagrambild i 4:5.

En tv vid banorna visar vilka lag som spelar på vilken bana, tabellerna och slutspelsträdet, och växlar mellan vyerna av sig själv. Längst ner rullar de senaste resultaten. En match som slutar 13–0 märks med FANNY, som traditionen kräver.

Deltagarna följer sitt lag i mobilen: nästa match, bana och tid, tabellen och slutspelet. Röstningen om bästa lagnamn och bästa utklädnad sker också i mobilen.

Tekniskt

Sajten och verktygen är vanlig HTML, CSS och JavaScript utan byggsteg, hostade på GitHub Pages. Turneringsmotorn är en egen modul som hanterar gruppspel med A- och B-slutspel, schweizersystem och mêlée. Den lottar grupper, gör upp spelscheman och fördelar matcherna på banorna. Den räknar tabeller med inbördes möten som skiljeregel och sätter ihop lag ur en deltagarlista så att kollegor från samma avdelning sprids ut. Motorn har egna tester.

Datan ligger i Supabase. Ändringar går ut i realtid till arrangörsvyn, företagsportalen, livesidan och storbilden, och reglerna för vem som får läsa och skriva sitter i databasen. Ett företagsinlogg kommer bara åt sitt eget evenemang och kan inte ändra lagen, och deltagarnas namn syns publikt bara runt eventdagen. Lottning och spelschema skapas i en och samma transaktion, så att två arrangörer inte kan lotta samtidigt, och anmälningslänken har spärrar mot massanmälan.