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.
Jag började med WordPress …
… men efter att ha köpt och provat några olika WP-teman (inklusive mitt go-to-tema Semplice) insåg jag att WordPress som plattform skulle innebära en alldeles för stor inlåsning för det jag ville åstadkomma. Att dessutom implementera en betallösning var superkrångligt, och jag ville också få till en automatisk koppling till ett medlemsregister.
En tanke började pyra i mitt huvud. Kanske skulle jag bygga något helt nytt på egen hand? Kanske något byggt på modern webbteknologi och ja … optimerat för föreningens specifika behov? Ja, så fick det bli. Dags att starta upp AI:n och tygla hästkrafterna.
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 ✌️