Kruso Logo
Kontakta oss

HjÀrnfonden

Som digital partner sedan 2022 tar vi HjÀrnfonden in i framtiden. Vi utforskar nya prestandaförbÀttringar, tillgÀnglighetsförbÀttringar och optimerad UX-design.

HjÀrnfonden arbetar för ett samhÀlle dÀr alla hjÀrnor når sin fulla potential, fria från hjÀrnsjukdomar. De engagerar sig i insamling och finansiering av hjÀrnforskning, samt kunskapsspridning och påverkansarbete inom neurovetenskap.

Sedan 1994 har HjÀrnfonden allokerat nÀstan 1 miljard SEK till svensk hjÀrnforskning och visar inga tecken på att sakta ner.

Börja från noll

Den tidigare plattformen byggdes i WordPress 2014 och hade på senare tid underhållits dåligt. Dessutom har tekniken åldrats, vilket resulterat i minskad prestanda. DÀrför sökte HjÀrnfonden en ny digital partner för att hjÀlpa till att bygga en modern och framtidssÀker webbplats med anvÀndarvÀnlighet och tillgÀnglighet som nyckelkrav.

I april 2022 tog Kruso över som HjÀrnfondens nya digitala partner. Detta partnerskap omfattar allt från prestandaförbÀttringar till tillgÀnglighetsförbÀttringar och anvÀndarupplevelse. Dessutom granskar vi stÀndigt arkitekturen, sÀkrar betallösningar och anvÀnder datadrivna strategier som ökar konverteringsgraden.

MÃ¥lmedveten digital plattform

HjÀrnfondens nya digitala plattform ska existera för två övergripande mål:

  • Att erhÃ¥lla donationer frÃ¥n organisationer och privatpersoner.

  • Att sprida information och nyheter om allt som relaterar till hjÀrnan.

Webbplattformen måste fungera som en digital nav för HjÀrnfondens verksamhet, erbjuda omfattande information om diagnoser och hjÀrnforskning och samtidigt vara en attraktiv organisation som allmÀnheten vill donera till.

Den nya teknologiska 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 vi fortfarande anvÀnde WordPress i backenden. Sedan byggde vi nya webbsidor med React, vilket gör det möjligt för oss att arbeta enligt moderna metoder och framtidssÀkra plattformen.

Utöver detta har många andra tjÀnster implementerats på plattformen, inklusive React, MariaDB, PHP, Next.js, Klarna och Google Analytics.

Att överbrygga vÀlgörenhet med modern teknologi har varit avgörande i detta projekt. Kombinationen av att skapa en modern webbplats med modern teknologi för en organisation som tjÀnar ett större gott Àr verkligen unik.

- Petrus Matiros, Full-Stack Developer, Kruso

Öka prestandan

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

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

Efter implementeringen har prestandan ökat med 40% och lyft Google Lighthouse-poÀngen från 70 till 90.

NÀr det kommer till design, UX och kommunikationsrådgivning omfattar lösningen:

  1. Utveckling av responsiva principer och best practice av anvÀndarupplevelsen på olika plattformar.

  2. Optimering av lÀsbarhet och kontrastvalidering på alla plattformar (tillgÀnglighet).

  3. Utveckling av digital design för förbÀttrad visuell kommunikation.

  4. AnvÀndartester av UX- och UI-design.

  5. Utveckling av designmanual för digital nÀrvaro.

  6. Optimerat efter anvÀndare med synskada eller blindhet.

Det kÀnns bra att göra en skillnad för en organisation som stöder en sådan bra sak. Jag har haft familjemedlemmar som har lidit av hjÀrnsjukdomar, så det kÀnns verkligen bra att arbeta med ett projekt som detta.

- Daniel Wallin, Frontend Developer, Kruso

Agila arbetssÀtt

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

Det agila tillvÀgagångssÀttet frÀmjar samarbete och teamdynamik. Att dela kunskap, involvera alla och genomföra korta dagliga möten (stand-ups) sÀkerstÀller samordning mot gemensamma mål och engagerar teammedlemmar. Tydliga sprintmål och regelbundna avstÀmningar med produktÀgaren skapar ömsesidig förståelse och förtroende, vilket gör oss anpassningsbara till förÀndringar och nya krav.

Sammanfattningsvis uppnår vi genom att omfamna ett agilt arbetsflöde och arbeta nÀra tillsammans med produktÀgaren hög effektivitet, kontinuerligt förbÀttrar våra leveranser till HjÀrnfonden.

TrÀffa teamet

  • MD Stockholm

    Prince
    Talhaoui

  • Full Stack Developer

    Petrus
    Matiros

  • Systemutvecklare & Tech Lead

    Peter
    Andersson

  • Systemutvecklare

    Oskar
    Joelson

  • Frontendutvecklare

    Ludvig
    Thunberg

  • Frontendutvecklare

    Fredrik
    André

  • Frontend Developer

    Daniel
    Wallin

  • Frontendutvecklare

    Björn
    Lehnert

  • Frontendutvecklare

    Alexander
    HÃ¥kansson