Transform digital services. Instantly.

Transform digital services. Instantly.

ALTINN STUDIO

Interaksjonsdesign · Digdir

00 · Prosjekt

Rolle

Interaksjonsdesigner

(ansvarlig for redesign)

Rolle

Interaksjonsdesigner

(ansvarlig for redesign)

ANSVAR

Informasjonsarkitektur Arbeidsflyt Interaksjonsdesign Prototype

ANSVAR

Informasjonsarkitektur Arbeidsflyt Interaksjonsdesign Prototype

Team

2 Produkteiere

4 designere

4 utviklere

Team

2 Produkteiere

4 designere

4 utviklere

Varighet

Aug 2025 - Feb 2026

(6 mnd)

Varighet

Aug 2025 - Feb 2026

(6 mnd)

Hvordan gjør man publisering i Altinn Studio enklere?

Jeg ledet redesignprosessen fra innsikt og konseptutvikling til ferdig løsning i tett samarbeid med utviklere og designteamet.

Altinn Studio er plattformen offentlige virksomheter bruker for å utvikle og publisere digitale tjenester.


Målet var å gjøre en kompleks publiseringsflyt enklere å forstå, uten å begrense fleksibiliteten utviklere trenger.

Slik jobbet jeg

🔍 Samlet innsikt

fra brukere, utviklere, produkteiere og designere

🗺️ Kartla arbeidsflyten

med journey mapping

✏️ Utforsket konsepter

Gjennom skisser og iterasjoner

🤝 Samarbeidet tett

med utviklere, produkteiere og designteamet

🤖 Brukte KI

til å utforske flyter raskt

🚀 Leverte redesign

01 · Utfordringen

Deploy gjorde jobben…
men ikke arbeidsflyten

Deploy gjorde jobben…
men ikke arbeidsflyten

Jeg startet med å samle innsikt fra brukere, utviklere, produkteiere og designere.


Gjennom innsiktsarbeidet identifiserte jeg disse utfordringene i dagens Deploy-opplevelse.


Jeg startet med å samle innsikt fra brukere, utviklere, produkteiere og designere.


Gjennom innsiktsarbeidet identifiserte jeg disse utfordringene i dagens Deploy-opplevelse.


⚠️ Arbeidsflyten gikk fra høyre mot venstre

⚠️ Arbeidsflyten gikk fra høyre mot venstre

  1. BYGGE APP

  1. PUBLISERE ELLER AVINSTALLERE APP

  1. PUBLISERE ELLER AVINSTALLERE APP

  1. PUBLISERE ELLER AVINSTALLERE APP

  1. MILJØ

  1. MILJØ

  1. MILJØ

  1. BYGGE APP

  1. BYGGE APP

02 · Utforskning

Jeg startet med den mest naturlige retningen.

Jeg startet med den mest naturlige retningen.

Jeg startet med den mest naturlige retningen.

Første idé var å beholde Deploy som én side og forbedre layouten.

Første idé var å beholde Deploy som én side og forbedre layouten.

Flere designrunder hvor vi forsøkte å forbedre Deploy uten å endre strukturen.

Flere designrunder hvor vi forsøkte å forbedre Deploy uten å endre strukturen.

Jeg utforsket flere konsepter og diskuterte dem fortløpende med designteamet.

Jeg utforsket flere konsepter og diskuterte dem fortløpende med designteamet.

03 · FORSTÅ SYSTEMET

02 · Forståelse

Før redesign måtte jeg forstå hvordan systemet fungerte.

Før redesign måtte jeg forstå hvordan systemet fungerte.

Neste steg var å forstå hvordan deling, validering, bygging og publisering faktisk hang sammen, slik at jeg kunne ta riktige designbeslutninger.

Jeg jobbet tett med utviklerne og kartla, hele flyten før vi gikk videre.

Whiteboard-sesjon med utvikler for å forstå publiseringsflyten.

Whiteboard-sesjon med utvikler for å forstå publiseringsflyten.

04 · Vendepunktet

Problemet handlet om strukturen.

Etter flere iterasjoner ble det tydelig at utfordringen ikke kunne løses med en bedre plassering av innhold.


Deploy forsøkte å støtte to forskjellige oppgaver.

📦 Publisere en ny versjon.

🌍 Administrere miljøene.

Da endret vi retning.

The image featured in the middle of the about us page

Publisere en ny versjon

Administrere miljøene

The image featured in the middle of the about us page

Publisere en ny versjon

Administrere miljøene

05 · DESIGNBESLUTNING

Én side ble til to.

Én side ble til to.

Den nye strukturen ga hver side et tydelig ansvar og gjorde arbeidsflyten enklere å forstå.

Den nye strukturen ga hver side et tydelig ansvar og gjorde arbeidsflyten enklere å forstå.

06 · DESIGNBESLUTNING

Arbeidsflyten måtte være tydelig.

Arbeidsflyten måtte være tydelig.

Sammen med utviklerne gjorde vi publiseringsprosessen tydelig.

Del endringer → Bygg app → Publiser

Del endringer

→ Bygg app

→ Publiser

Brukeren visste alltid hva som kom videre.

07 · DESIGNBESLUTNING

Når skal brukeren stoppes?

Når skal brukeren stoppes?

Når skal brukeren stoppes?

Et tidlig konsept lot brukeren bygge appen selv om valideringen fant feil.

Et tidlig konsept lot brukeren bygge appen selv om valideringen fant feil.

Gjennom flere diskusjoner med utviklerne endret vi retning. Dersom feilene uansett ville hindre publisering, burde brukeren stoppes før byggingen startet.

Gjennom flere diskusjoner med utviklerne endret vi retning. Dersom feilene uansett ville hindre publisering, burde brukeren stoppes før byggingen startet.

08 · AI I DESIGNPROSESSEN

AI gjorde utforskningen raskere.

AI gjorde utforskningen raskere.

Jeg brukte Figma Make til å lage interaktive konsepter tidlig i prosessen.


Det gjorde det enklere å diskutere arbeidsflyten med teamet og utforske flere retninger før detaljdesignet startet.

Interaktive konsepter ble utviklet i Figma Make. Materialet ligger på tidligere arbeidsgivers konto og kan derfor ikke vises.

07 · Resultat

En enklere publiseringsopplevelse.

En enklere publiseringsopplevelse.

Redesignet ga utviklerne en publiseringsflyt som fulgte måten de faktisk jobbet på.

Hi-fi-designene ble bygget med komponenter fra Designsystemet og tilpasset eksisterende mønstre i Altinn Studio.

Noen bilder av endelige grensesnittet

Blue Gradient

Blue Gradient

Purple Gradient

Purple Gradient

Orange Gradient

Orange Gradient

Yellow Gradient

Yellow Gradient

09 · Refleksjon

Hva jeg lærte…

Hva jeg lærte…

🧩

God UX starter med å forstå systemet, ikke skjermen.

Jeg måtte forstå den tekniske flyten før jeg kunne forbedre brukeropplevelsen.

🤝

De beste løsningene ble skapt sammen med teamet.

Tett samarbeid med utviklere, produkteiere og designere var avgjørende gjennom hele redesignprosessen.

📐

Den største forbedringen kom fra struktur, ikke nye komponenter.

Ved å organisere løsningen etter brukerens mål ble arbeidsflyten enklere og mer intuitiv.