Att börja från grunden

Den tidigare plattformen byggdes i WordPress 2014 och hade under senare tid förvaltats bristfälligt. Dessutom hade tekniken åldrats, vilket ledde till sämre prestanda. Därför sökte Hjärnfonden en ny digital partner som kunde hjälpa till att bygga en modern och framtidssäkrad webbplats med användarvänlighet och tillgänglighet som centrala krav.

I april 2022 tog Kruso över som Hjärnfondens nya digitala partner. Partnerskapet omfattar allt från prestandaförbättringar till tillgänglighetsanpassningar och användarupplevelse. Dessutom ser vi löpande över arkitekturen, säkrar betalningslösningarna och arbetar datadrivet för att öka konverteringsgraden.

En målinriktad digital plattform

Hjärnfondens nya digitala plattform ska utgå från två övergripande mål:

Att få in donationer från organisationer och privatpersoner.

Att sprida information och nyheter om allt som rör hjärnan.

Webbplattformen ska fungera som ett digitalt nav för Hjärnfondens verksamhet, erbjuda omfattande information om diagnoser och hjärnforskning och samtidigt göra Hjärnfonden till en attraktiv organisation som allmänheten vill donera till.

Den nya tekniska arkitekturen

För att säkerställa att innehållsredaktörerna inte behövde ändra sina befintliga arbetsflöden började vi med att omvandla WordPress till ett headless CMS, samtidigt som WordPress fortsatt användes i backend. Därefter byggde vi nya webbsidor i React, vilket gjorde det möjligt för oss att arbeta enligt moderna arbetssätt och framtidssäkra plattformen.

Utöver detta har flera andra tjänster implementerats i plattformen, bland annat React, MariaDB, PHP, Next.js, Klarna och Google Analytics.

Ökad prestanda

Vi har granskat den befintliga plattformen och tagit fram en ny webbplats där säkerhetsbrister har åtgärdats, vilket har förbättrat prestandan avsevärt.

Ett stort fokus ligger på datadrivna arbetssätt för att öka konverteringarna. Här samarbetar vi med flera experter inom dataanalys för att säkerställa en robust process och optimal prestanda för den nya webbplatsen.

Efter implementationen har prestandan ökat med 40 % och Google Lighthouse-poängen höjts från 70 till 90.

Design, UX och tillgänglighet

1. Utveckling av responsiva principer och best practice för användarupplevelse på olika plattformar.

2. Optimering av läsbarhet och kontrastvalidering på alla plattformar för ökad tillgänglighet.

3. Framtagning av digital design för stärkt visuell kommunikation.

4. Genomförande av användartester av UX- och UI-design.

5. Utveckling av en designmanual för den digitala närvaron.

6. Optimering för användare med synnedsättning eller blindhet.

Agila arbetssätt

Genom att arbeta i korta sprintar maximerar vi produktiviteten och levererar snabbt värde. Det nära samarbetet med produktägaren på Hjärnfonden är avgörande för vår framgång. Deras aktiva medverkan och regelbundna återkoppling ger värdefull vägledning.

Det agila arbetssättet stärker samarbetet och teamdynamiken. Genom att dela kunskap, involvera alla och hålla korta dagliga möten, stand-ups, säkerställer vi samsyn kring gemensamma mål och engagerar teammedlemmarna. Tydliga sprintmål och regelbundna avstämningar med produktägaren skapar ömsesidig förståelse och förtroende, vilket gör att vi kan anpassa oss till förändringar och nya krav.

Sammanfattningsvis gör det agila arbetssättet och det nära samarbetet med Product Owner att vi kan arbeta med hög effektivitet och kontinuerligt förbättra våra leveranser till Hjärnfonden.