Foreldrekompasset

Designsystem og digital plattform for foreldrestøtte fra offentlig sektor

Kunde: Fredrikstad kommune
År: 2024
Tjenester: UX Design, UI Design, Designsystem, Webutvikling

Om prosjektet

Foreldrekompasset er et forebyggende foreldrestøtteprogram finansiert av Helsedirektoratet. Det gir foreldre med barn i barnehage, barneskole og ungdomsskole tilgang til relevant kunnskap og støttemateriell, strukturert etter barnets alder og livsfase. Oppdraget var å designe og utvikle en løsning som fungerer for foreldre med svært ulik digital bakgrunn, språk og livssituasjon, og som skalerer på tvers av alle norske kommuner.

Brukerinnsikt

Foreldre leter ikke etter «innhold». De leter etter svar på konkrete spørsmål, knyttet til barnets alder og situasjon akkurat nå. Den innsikten ble bærende: informasjonsarkitekturen er bygget rundt livsfase og alderstrinn, ikke administrativ logikk. Det reduserer antall beslutninger brukeren må ta, og gjør det enklere å finne frem uavhengig av digital erfaring.

Designsystemet

Designsystemet er implementert end-to-end, fra tokens i CSS til ferdige komponenter. Alle designverdier er definert som CSS custom properties med konsistent navneskjema (--fk-*), strukturert med separate skalaer for default, hover, active og surface-varianter for hver farge. Interaksjonstilstander blir dermed forutsigbare og enkle å vedlikeholde. Komponentbiblioteket dekker alt fra kortstrukturer og filnedlastere til navigasjonsknapper og akkordeon, alt bygget med innebygd fokushåndtering, tastaturnavigasjon og WCAG 2.1 AA-verifiserte kontrastforhold.

Fra design til kode

Hos oss er tokens selve implementasjonen. Det finnes ingen oversettelse mellom Figma og kode, fordi designbeslutningene tas direkte i systemet. Iterasjonene er drevet av brukertesting med ekte foreldre, og justeringer rulles ut på tvers av alle komponenter ved å endre én verdi. Resultatet er en arkitektur som skalerer uten å akkumulere designgjeld: alle komponenter er WCAG AA-verifisert, og løsningen er i dag tilgjengelig for 3 941 brukere på tvers av 4 livsfaser i én felles designarkitektur.