saltisfisk.nu
Webbplats, CMS, betallösning & medlemssystem åt en förening.
Jag sitter i styrelsen i Saltsjöbadens fiskevårdsförening och tyckte att den befintliga sajten behövde göras om. Dels beroende på en daterad design, men lika mycket på att det var mycket omständligt att bli medlem, vilket krävde omfattande manuell hantering. Min vision var att skapa en ny webbplats där man enkelt kunde teckna medlemskap och att all administration kring medlemmar, utskick av nyhetsbrev, uppdatering av innehåll på sajten och så vidare gick smärtfritt.
Den gamla sajten
Inget ont om den befintliga webbsajten som föreningen hade, men den byggde på ett tidigt default-tema med begränsade möjligheter att kommunicera visuellt. WP-installationen hade också en mängd olika installerade plugins, som krävde mycket tid med uppdateringar, och en integrerad betallösning för de årliga medlemsavgifterna existerade inte. För att bli medlem krävdes det att man skickade in sina uppgifter via ett formulär, och att man separat från detta gjorde en inbetalning via bankgiro. Kassören fick sedan manuellt kontrollera alla uppgifter för att därefter skicka ut ett mejl med medlemsnummer och övrig information.
Fyra försök i WordPress
Mina initiala försök att bygga en ny webbplats innebar att jag köpte några WordPress-teman för att börja bygga det jag ville åstadkomma. Jag provade dels ett par namnkunniga varianter, dels mitt gamla go-to-tema Semplice, men blev inte nöjd med någon av dem. Möjligheten att designa som jag ville var för begränsad, och att implementera en betallösning var krångligt och krävde en massa fulhack som bara gjorde mig frustrerad (och osäker).
Jag ställde till slut frågan till Claude: Går det att bygga både sajt och medlemsregister på egen hand, med en fungerande betalningslösning via Swish? Ja, det gick.
Lugnt att titta på och lätt att hitta i
Innehållet på sajten är till största delen nyheter och fakta om de olika sätten man kan fiska på (sportfiske, nätfiske och kräftfiske). Innehållet skulle paketeras på ett lättåtkomligt sätt, utan förvirrande navigering.
En identitet med personligt uttryck
Föreningens logotyp syntes inte alls på den gamla webbplatsen, vilket den ju borde göra, men innan jag lyfte fram den så gjorde jag ett omtag på hur den såg ut. Fisken (av okänd art) fick justerade gälar och fenor, och vågen mer tyngd.
Den gamla typografin i logotypen var satt i en rätt tråkig Arial, och Arial gör vad som helst anonymt. Namnet går nu i Edu NSW ACT Foundation, en handstilsfont som är jämntjock, öppen och lite retro.
Enkelt och prydligt, för en nyhetstung sajt
Sajten bär mycket: nyheter, artsidor, kartor, regler och protokoll. Designen hölls därför medvetet stram för att i stället låta innehållet ta plats.
En spalt för artikeln med arkivet bredvid
Nyheten fick ta plats i en egen spalt. Bredvid ligger det som gör arkivet användbart: de senaste rubrikerna, kategorierna och historiska nyheter.
De flesta läser i telefonen
Mycket av informationen som till exempel regler om fiskevatten med kartor, minimimått på fiskar och så vidare behöver man kunna läsa när man är ute på sjön, så en mobilvänlig sajt var viktig att optimera för.
Allt på ett ark
Färger, typografi och de mått som återkommer, samlade som de ser ut i den publicerade sajten.
Fyra manuella steg blev ett
Förut fyllde den som ville bli medlem i ett formulär på sajten, betalade sedan avgiften via bankgiro på egen hand och väntade. Kassören fick kontrollera för hand att pengarna kommit in, och sedan mejla tillbaka till medlemmen. Nu görs allt i ett svep, precis som det borde fungera.
Betalningen är registreringen
Efter det att man har fyllt i sina uppgifter betalar man 200 kr med Swish och är sedan medlem. Integrationen med Swish byggde jag in med ett eget certifikat. När väl allt är klart är medlemmen sedan automatiskt inflyttad i föreningens medlemsregister. Inga manuella kontroller eller bökigheter för kassören att lägga tid på.
Det styrelsen nu kan göra själv
Medlemmarna finns inte längre i ett kalkylark lokalt på någons dator, utan i ett GDPR-skyddat register som styrelsen kan komma åt i inloggat läge. Kassören kan ändra uppgifter, se vilka avgifter som saknas och exportera relevant information. Nyhetsbreven skrivs och skickas i samma gränssnitt, och allt innehåll på sajten redigeras i CMS:et.
- Medlemsregister
- Söka, ändra och lägga till medlemmar direkt i webbläsaren. Kalkylarket importerades en gång och behöver inte öppnas igen.
- Medlemsavgift
- Se vilka medlemskap som inte förnyats och skicka påminnelse till dem det gäller.
- Ekonomi
- Exportera betalningar och medlemsdata till kassören, i ett format som går att öppna i ett kalkylprogram.
- Nyhetsbrev
- Skriva, provskicka till sig själv och sedan skicka till alla (eller utvalda) mottagare.
- Sajtinnehåll
- Editerbara sidor, texter, bilder och färger i CMS:et, med svenska etiketter och en förklarande rad under varje fält.
- Artikelkommentar
- Moderera kommentarer från besökare på sajten.
Full koll på sajtinnehåll, medlemmar och allt annat
Jag byggde in olika roller med olika rättigheter att se och ändra information. Kassören har till exempel full kontroll över alla medlemmar, kan göra ekonomiska utdrag, skicka påminnelser för obetalda medlemsavgifter. En redaktör kan ändra allt innehåll på webbplatsen, göra medlemsutskick och så vidare.
Allt som syns går att ändra
Att redigeringen skulle vara begriplig för någon som aldrig sett en kodbas var ett krav från början.
Sajten gick live i början av september 2026, och det tog bara en timme innan två personer på egen hand hade hittat till sajten och sedan blev medlemmar. Bevisligen funktionellt ✌️