Skatteetatens designsystem – Et felles fundament for helhetlige og tilgjengelige digitale tjenester

Gjennom mange år ble Skatteetatens digitale løsninger utviklet i ulike prosjekter, med varierende design, teknologivalg og brukeropplevelser. Tjenester som dekket tilsvarende behov kunne fremstå svært ulike, både visuelt og funksjonelt.

For brukerne skapte dette utfordringer, da de måtte forholde seg til ulike måter å navigere og samhandle på. For utviklingsmiljøene førte mangelen på felles komponenter og retningslinjer til økt kompleksitet, mer tidkrevende vedlikehold og økt risiko for teknisk gjeld, samt utfordringer knyttet til etterlevelse av krav til universell utforming.

Som en sentral samfunnsaktør med digitale tjenester som berører store deler av befolkningen, er det avgjørende for Skatteetaten å fremstå konsistent, tilgjengelig og profesjonell på tvers av alle flater.

Fra initiativ til strategisk satsing

Ambisjonen om en helhetlig brukeropplevelse, et sentralt mål i Skatteetatens digitale strategi, gjorde det tydelig at det var behov for en mer strukturert og skalerbar tilnærming til utvikling av digitale tjenester. Det ble derfor besluttet å satse helhetlig, med dedikerte ressurser og et nytt designsystem utviklet fra bunnen av.

All eksisterende kode ble forkastet for å etablere et moderne og fremtidsrettet fundament som kunne støtte utviklingen på tvers av etatens mange publikums- og saksbehandlingsprosjekter, og legge til rette for konsistent utvikling over tid.

Skatteetatens designsystem ble etablert som en samling av gjenbrukbare komponenter og felles retningslinjer for design og utvikling. Systemet gjorde det mulig å bygge applikasjoner med et enhetlig uttrykk og en god, tilgjengelig brukeropplevelse, i tråd med WCAG-kravene til universell utforming.

I tillegg til selve komponentbiblioteket er designsystemet tilpasset etatens føringer for grafisk design, utviklingsmønstre og beste praksis innen frontend-utvikling. Komponentene videreutvikles kontinuerlig med fokus på kodekvalitet, robusthet og funksjonalitet, og er tilpasset Skatteetatens visuelle profil.

Støtteverktøy og innsikt

Som en del av leveransen ble det utviklet støtteverktøy som gir bedre innsikt i bruken av designsystemet og status på migrering fra eldre løsninger. Et analyseverktøy skanner kodebaser og gir oversikt over funn, mens en egen Figma-plugin muliggjør rask prototyping ved å generere skjermbilder basert på eksempeldata.

Arbeidet med designsystemet var organisert som et tverrfaglig produktteam bestående av Skatteetatens egne ansatte og spesialister fra Accelerate. Teamet inkluderte utviklere, designere, testere og eksperter innen universell utforming, og prosjektdeltakerne jobbet smidig etter Kanban med tydelig prioritering og kontinuerlig forbedring. Overordnede beslutninger ble tatt i en produkt-trio bestående av teamleder, produkteier og tech-lead.

Teamet ble satt sammen for å sikre både faglig bredde og nødvendig gjennomføringsevne. Roller som designere, eksperter på universell utforming, produkteier, teamleder og klarspråk-ansvarlig ble i hovedsak ivaretatt av Skatteetatens egne ansatte.

I prosjektets oppstartsperiode ble både utvikler- og tech-lead-rollene ivaretatt av konsulenter fra Accelerate, som dermed fikk ansvar for å etablere arkitekturprinsipper, kodestandarder og det tekniske rammeverket fra første dag. Etter hvert ble teamet utvidet med utviklere fra Skatteetaten, noe som resulterte i et tett og smidig samarbeid mellom interne ressurser og innleide spesialister.

Accelerate var en strategisk og teknisk partner i utviklingen av Skatteetatens designsystem, med ansvar innen frontend-utvikling, teknisk ledelse og sikkerhet.

Konsulentene etablerte utviklingskonvensjoner og arkitekturprinsipper, samt utviklet avanserte React-komponenter basert på moderne webstandarder som HTML5 og CSS3.

Det ble lagt stor vekt på kvalitet og vedlikeholdbarhet gjennom strukturerte code reviews, statisk kodeanalyse og omfattende automatiserte tester. For kontinuerlig integrasjon og leveranse ble det etablert CI/CD-løsninger, Docker-baserte testrunners og kvalitetsovervåking.

Accelerate hadde ansvar for publisering av komponentbiblioteket som NPM-pakker, samt drift av referanse- og demoapplikasjoner på Skatteetatens plattform Aurora. I tillegg ble det utviklet en Figma-plugin som automatiserte opprettelse av tabeller og lister, og effektiviserte designarbeidet. Konsulenter fra Accelerate delte også sin kunnskap gjennom interne fagfora, demonstrasjoner og opplæring i god frontend-praksis.

En Accelerate-konsulent hadde rollen som sikkerhetsansvarlig og sikret etterlevelse av Skatteetatens sikkerhetskrav, blant annet gjennom overvåking av sårbarheter i tredjepartsbiblioteker.

I rollen som tech-lead bidro Accelerate med veiledning, håndtering av teknisk gjeld og strategiske beslutninger om teknologi og prioriteringer.

Gjennom dette arbeidet har Accelerate vært en nøkkelpartner i å bygge et moderne, sikkert og fremtidsrettet designsystem som legger grunnlaget for en mer effektiv og konsistent utvikling av Skatteetatens digitale tjenester.

Designsystemet har gitt Skatteetaten et felles fundament for utvikling av digitale tjenester. Når løsninger bygges på de samme komponentene og prinsippene, skapes en konsistent og gjenkjennbar brukeropplevelse på tvers av tjenester.

Gjenbruk av kode og design reduserer dobbeltarbeid og gir raskere utvikling, enklere vedlikehold og høyere kvalitet. For organisasjonen betyr dette lavere kostnader over tid, redusert teknisk gjeld og mer forutsigbar leveranse.

Samtidig bidrar designsystemet til å etablere et felles språk mellom utviklere, designere og innholdsprodusenter, noe som styrker samarbeidet på tvers av fagmiljøer. Med innebygd støtte for universell utforming og moderne frontend-praksis er designsystemet et bærekraftig fundament for videre innovasjon.

Designsystemet benyttes i dag i mange av Skatteetatens prosjekter og skal som hovedregel brukes på alle Skatteetatens digitale flater som treffer eksterne brukere.