Sportfiskarna – Ny digital plattform för en rikstäckande organisation

Bakgrund

Sportfiskarna är en demokratisk, ideell och politiskt obunden organisation som samlar över 70 000 medlemmar och mer än 400 anslutna föreningar runt om i landet. Organisationen arbetar för ett hållbart fiske i friska vatten och är en tydlig röst i frågor som rör vattenmiljöer, fiskbestånd och friluftsliv.

Sportfiske är en av Sveriges största fritidsaktiviteter med över en miljon utövare årligen, vilket ger organisationen en betydande samhällsroll. Den tidigare webbplatsen speglade organisationens tillväxt men saknade en sammanhållen uppbyggnad och tydlig riktning. Målet var att skapa en mer överblickbar struktur, stärka varumärket och göra det enklare att hitta relevant innehåll och ta nästa steg.

Utmaning

Organisationen rymmer många målgrupper och innehållstyper, från nyheter och kampanjer till dokument, lokala aktiviteter och styrande information. Innehållet spänner över både nationell påverkan och lokalt engagemang, vilket ställer höga krav på tydliga ingångar och genomtänkt uppbyggnad.

Utmaningen var att skapa ordning i en växande innehållsstruktur så att det blir enkelt att orientera sig, samtidigt som plattformen måste vara flexibel nog att utvecklas i takt med verksamheten. Det nya CMS:et behövde ge redaktionen frihet att arbeta självständigt utan att tumma på konsekvens, tillgänglighet eller prestanda.

Lösningen

Projektet genomfördes i flera tydliga faser, från analys och struktur till design, utveckling och lansering. I nära samarbete med Sportfiskarnas kommunikationsteam arbetade vi fram en lösning som förenar strategisk uppbyggnad, användarvänlighet och teknisk hållbarhet.

Ett genomgripande struktur- och analysarbete

En central del av projektet var att kartlägga och strukturera organisationens omfattande innehåll. Utifrån en tidigare genomförd förstudie analyserades befintliga sidor, målgrupper och användarresor analyserades för att identifiera överlapp, otydlig navigation och strukturella brister.

Arbetet resulterade i en ny sitemap och en mer sammanhållen informationsarkitektur där verksamhetens olika delar binds samman i en logisk och lättnavigerad helhet.

Designsystem och visuell riktning

Som en del av projektet togs ett heltäckande designsystem fram med målet att skapa en enhetlig, igenkännbar och skalbar digital upplevelse utifrån den befintliga visuella identiteten. Systemet omfattar färgscheman, typografi, knappar, inputfält, mönster samt färdiga komponenter och sektioner.

Resultatet är en tydlig designgrund som förenklar både design- och utvecklingsarbete, stärker varumärkets visuella identitet och säkerställer en konsekvent användarupplevelse över hela den digitala närvaron. Med designsystemet på plats kan organisationen arbeta snabbare och mer effektivt, med en röd tråd genom alla digitala kanaler.

Design och användarupplevelse

Utifrån den nya strukturen togs gränssnitt och sidmallar fram med fokus på tydlig hierarki, läsbarhet och tillgänglighet. Användarflöden prioriterades för att göra det enkelt att hitta information och ta nästa steg.

Klickbara prototyper användes löpande för att testa navigation, prioriteringar och innehållsplacering innan utvecklingen påbörjades. Det skapade samsyn kring lösningen och minskade behovet av justeringar i senare skeden.

Medlemsflöden och integrationer

En central del av projektet var att förbättra medlemsresan. Nya och förenklade signup-flöden utvecklades med fokus på tydlighet och användarvänlighet, vilket gör det enklare att bli medlem och genomföra registrering utan onödiga steg.

Samtidigt integrerades befintliga system i bakgrunden. Genom att behålla fungerande backend-lösningar och bygga en modern frontend ovanpå skapades en smidig integrationsväg som förbättrar användarupplevelsen utan att kompromissa med befintlig struktur.

Teknisk plattform

Webbplatsen är byggd i WordPress med skräddarsydd frontend och ett anpassat blockbibliotek i Gutenberg. Lösningen ger redaktionen stor frihet att skapa och strukturera innehåll samtidigt som den säkerställer en konsekvent upplevelse över hela webbplatsen.

Centrala funktioner:

• Anpassade innehållstyper i back-end för projekt, fiskarter, aktiviteter, dokument och kampanjer
• Logik för regioner och distrikt med möjlighet att knyta artiklar, aktiviteter och projekt på olika nivåer
• Stort och avancerat blockbibliotek framtaget specifikt för Sportfiskarna och deras designsystem
• Strukturerad dokumentbank med kategorisering och egna block
• Aktivitetsmodul med översikt och detaljsidor
• Projektmodul med möjlighet till översikt och relaterade artiklar
• Flexibel artikelmodul för nyheter och artiklar
• Uppdaterad checkout-lösning – modulbaserad för core-flöden och kampanj-flöden

Plattformen är byggd med framtida utveckling i åtanke och kan enkelt vidareutvecklas med nya funktioner och integrationer.

WordPress, Tailwind CSS, Alpine.JS, Native Gutenberg, WebP/AVIF-konvertering på media.

Teknisk översikt

• WordPress med skräddarsydd frontend
• Blockbaserat CMS (Gutenberg + ACF)
• Premiumhosting hos Servebolt
• DNS och säkerhetslager via Cloudflare
• Stagingmiljö och kontrollerade releases
• SEO- och prestandaoptimering

Helhetsansvar för drift och infrastruktur

I samband med webbprojektet utökades uppdraget till att omfatta en genomlysning av hela Sportfiskarnas domänpark och driftmiljöer. DNS-strukturen samlades och flyttades till Cloudflare, där zoner städades upp och säkerhetslager aktiverades för bättre kontroll och skydd.

Driften placerades hos Servebolt, där huvudwebbplatsen, nya API:er, medlemssystemet och systersajten svensktfiske.se nu hanteras. Genom premiumlösningar för prestanda, säkerhet och grön hosting har organisationen fått en säker och skalbar teknisk miljö för hela sin digitala närvaro.

Resultatet

Den nya webbplatsen ger Sportfiskarna en stabil och långsiktigt hållbar digital plattform som tydligare speglar organisationens uppdrag och omfattning.

Plattformen:

• Samlar organisationens breda verksamhet i en mer sammanhållen digital helhet
• Gör det enklare för besökare att hitta rätt information och engagera sig
• Förbättrar förutsättningarna för medlemsrekrytering genom förenklade signup-flöden
• Stärker varumärket och den ideella trovärdigheten
• Ger redaktionen ett flexibelt och kraftfullt verktyg för att vidareutveckla innehållet över tid