Rubic Organizer er administrasjonssystemet som hundrevis av idrettsklubber og frivillige organisasjoner i Norge bruker hver eneste dag. Medlemshåndtering, kontingentfakturering, kommunikasjon med medlemmer, integrasjon mot BankID og Vipps — alt samlet i én løsning. Systemet er kritisk infrastruktur for kundene sine, og det kan ikke bare slås av mens man oppgraderer.

Historien

Abaris Consulting var med på å bygge Rubic Organizer fra starten i 2014. Vi var utviklingsavdelingen til Rubic i de første årene, og la grunnlaget for det som skulle bli et av de mest brukte administrasjonssystemene for norsk idrett. Løsningen ble godkjent av Norges Idrettsforbund, og kundebasen vokste jevnt og trutt.

Men teknologien vi bygde på den gangen — AngularJS — ble etter hvert utdatert. Google sluttet å vedlikeholde rammeverket, og det ble stadig vanskeligere å rekruttere utviklere som ville jobbe med det. Koden var fortsatt funksjonell, men den bremset innovasjonen. Nye funksjoner tok lengre tid å bygge, og brukerne merket at opplevelsen ikke holdt tritt med resten av verktøyene de brukte til daglig.

I 2024 tok Rubic kontakt med oss igjen. Oppdraget: modernisere hele frontenden uten å forstyrre de tusenvis av brukerne som var avhengige av systemet.

Utfordringen

Å skrive om en hel applikasjon høres kanskje rett frem ut, men i praksis er det en av de vanskeligste oppgavene i programvareutvikling. Du skal erstatte motoren mens bilen kjører. Det betyr at du må:

• Forstå nøyaktig hva det gamle systemet gjør (og det er alltid mer enn du tror)
• Bygge den nye løsningen slik at den fungerer med eksisterende backend-systemer
• Rulle ut endringer gradvis slik at brukerne ikke opplever brudd
• Sørge for at integrasjonene mot BankID, Vipps og regnskapssystemer fortsetter å fungere

Hvordan vi løste det

Vi valgte å beholde hele backend-systemet intakt og fokusere utelukkende på å modernisere brukeropplevelsen. Den nye frontenden ble bygget med React og TypeScript — teknologier som gir oss bedre verktøy for å lage responsive, raske grensesnitt.

For Rubic var det viktig at det nye systemet hadde et moderne og konsistent designspråk. Vi tok i bruk Material-UI som komponentbibliotek, noe som ga oss et solid fundament av veldesignede komponenter som knapper, tabeller, dialoger og navigasjon. Resultatet er en applikasjon som ser ut og føles som et moderne verktøy — ikke en nettside fra 2014.

Vi la også inn støtte for flerspråklighet, forbedret datavisualisering av medlemsstatistikk, og moderniserte skjemahåndteringen slik at det ble enklere og raskere å legge inn og oppdatere informasjon.

Hva kunden fikk

For Rubic har moderniseringen betydd tre ting:

1. Raskere utvikling. Nye funksjoner som tidligere tok uker, kan nå bygges på dager. Det moderne teknologifundamentet gjør det enklere å eksperimentere og levere verdi raskt.

2. Bedre brukeropplevelse. Kundene til Rubic — de frivillige som administrerer klubber og foreninger — har fått en applikasjon som er raskere, mer intuitiv og fungerer bedre på mobil.

3. Fremtidssikkerhet. Med en moderne teknologistack er Rubic bedre posisjonert for å tiltrekke utviklingsressurser og fortsette å innovere i årene som kommer.

Hva vi lærte

Dette prosjektet bekreftet en viktig innsikt: legacy-modernisering handler ikke om teknologi for teknologiens skyld. Det handler om å gi produktet nytt liv slik at det kan fortsette å vokse. De beste moderniseringsprosjektene er de der sluttbrukerne knapt merker overgangen, men plutselig opplever at alt bare fungerer litt bedre enn før.

Har du et system som begynner å vise sin alder? Vi har gjort dette før, og vi hjelper gjerne.