Hva koster design av en app?
UI-design for en app koster vanligvis 120 000–500 000 kr i 2026. Prisen styres av antall unike skjermbilder, hvor mange plattformer designet skal tilpasses til, og hvor mye eget formspråk som utvikles. En mindre app med få skjermbilder ligger i nedre del av spennet, mens apper med egne komponentbiblioteker havner høyere.
Når du innhenter tilbud på en app, er designet ofte én eneste linje: «design inngår». Men UI-design, altså grensesnittet brukeren ser og trykker på, er en egen post med egne kostnadsdrivere, atskilt fra research og arbeidet med brukerflyten. Nedenfor ser du prisnivået for 2026 og hva som avgjør om designbudsjettet faktisk blir synlig i den ferdige appen.
Hva inngår i UI-design for en app?
UI-designet tar over der det overordnede UX-arbeidet slutter. Brukerflyten er bestemt, og nå skal hvert skjermbilde tegnes slik at det kan bygges.
En typisk leveranse inneholder:
- Visuelt formspråk: farger, typografi og ikonografi tilpasset merkevaren.
- Komponentbibliotek: knapper, skjemaer, lister og kort i alle tilstander.
- Ferdige skjermbilder: hver skjerm i normaltilstand, men også tom, under lasting og ved feil.
- Interaksjoner: overganger, gester og mikroanimasjoner som gjør appen levende.
- Overlevering: strukturerte designfiler, tokens og dokumentasjon som utviklerne bygger etter.
Research, informasjonsarkitektur og brukertester er egne poster. Hold dem atskilt fra UI-designet når du sammenligner tilbud, ellers sammenligner du epler og pærer.
Prisspenn: 120 000–500 000 kr
| Omfang | Typisk kostnad | Hva det pleier å innebære |
|---|---|---|
| Mindre app, 5–10 skjermbilder | 120 000–220 000 kr | Standardkomponenter med eget formspråk, én plattform |
| Mellomstor app, 10–25 skjermbilder | 220 000–370 000 kr | Egne komponenter, tilpasning for både iOS og Android |
| Større app med designsystem | 370 000–500 000 kr+ | Komplett komponentbibliotek, animasjoner, dokumentasjon |
Antall skjermbilder er den sterkeste kostnadsdriveren. Det som ser ut som én skjerm, er dessuten sjelden ett eneste skjermbilde: En bestillingsflyt med fem steg, feilmeldinger og kvitteringsside er i praksis kanskje ti skjermbilder som alle skal tegnes og henge sammen.
Den andre plattformen dobler ikke prisen. Det meste gjenbrukes, men navigasjon, komponentatferd og typografi må tilpasses. Regn med et påslag på omtrent 15–30 prosent.
HIG og Material Design setter rammene
Apples Human Interface Guidelines og Googles Material Design beskriver hvordan apper forventes å se ut og oppføre seg på hver plattform. Å designe etter retningslinjene i stedet for mot dem gir tre gevinster: Brukerne kjenner seg igjen, godkjenningen i appbutikkene går smidigere, og utviklerne kan bruke velprøvde komponenter.
En god appdesigner legger særpreget der det merkes og lønner seg (farger, typografi, illustrasjoner og de viktigste brukerflytene) og følger plattformstandarden for resten. Å finne opp en egen datovelger koster designtimer, utviklingstimer og feil, uten å gjøre appen bedre.
Overleveringen avgjør om budsjettet gir effekt
Den vanligste årsaken til at en app ikke ser ut som skissene, er ikke dårlig design, men en dårlig overlevering. Må utviklerne tolke statiske bilder på frihånd, oppstår det et gap mellom design og kode som koster i begge ender.
Krev derfor at leveransen inneholder:
- Design tokens: farger, typografi og avstander definert som verdier som leses inn i koden.
- Komponenter med tilstander: varianter navngitt slik at de samsvarer med utviklernes komponentbibliotek.
- Dokumentasjon: hvordan komponentene kan kombineres, og hva som skjer i grensetilfellene.
Vi i Weapp designer og bygger apper under samme tak, for eksempel Sejfa, en digital innboforsikring for unge voksne. Erfaringen vår er at det er i overgangen mellom design og kode at designbudsjetter enten gir effekt eller renner ut i sanden.
Regneeksempel: bestillingsapp med 15 skjermbilder
La oss si at appen din har 15 unike skjermbilder, eget formspråk og skal lanseres på både iOS og Android. Regn med omtrent 250 000–350 000 kr og 6–8 ukers designarbeid, inkludert komponentbibliotek og overlevering.
Vil du i tillegg ha et eget ikonbibliotek og en animert onboarding, beveger du deg mot den øvre delen av spennet. Kutter du Android i første versjon og nøyer deg med standardikoner, havner du i stedet rundt 190 000–250 000 kr. Det er slik du skal bruke spennet: Hvert valg har en prislapp, og det er billigere å velge før designstarten enn etter.
Slik får du mest ut av designbudsjettet
- Prioriter skjermbildene etter forretningsverdi: onboarding og kjerneflyten først, administrasjonssider og unntak sist.
- Bestill komponenter, ikke skjermbilder. Tjue skjermbilder bygget på ti komponenter er billigere enn tjue unike skjermbilder.
- Krev tokens og dokumentasjon i leveransen, ikke bare pene bilder.
- La en utvikler gå gjennom designet fortløpende, ikke først når alt er tegnet.
Vil du vite hva det vil koste å designe akkurat din app? Ta kontakt med skisser eller en funksjonsliste, så får du et spenn å budsjettere etter.
Ofte stilte spørsmål
Hva er forskjellen på UX-design og UI-design?
UX-design er helheten: research, brukerflyt, struktur og testing. UI-design er den visuelle og interaktive overflaten: skjermbilder, komponenter og formspråk. I tilbud er UI-designet ofte en egen post, og det er den posten prisspennene på denne siden gjelder.
Kan samme design brukes for både iOS og Android?
I stor grad. Formspråk, farger og de fleste skjermbildene gjenbrukes, men navigasjon, komponentatferd og typografi må tilpasses retningslinjene for hver plattform. Regn med et påslag på omtrent 15–30 prosent for den andre plattformen, ikke dobbel pris.
Hvor lang tid tar UI-design av en app?
En mindre app tar ofte 3–5 uker å designe, en mellomstor 6–10 uker inkludert komponentbibliotek og overlevering. Tiden styres av antall skjermbilder, hvor mange beslutningsrunder dere trenger, og hvor raskt dere gir tilbakemelding på utkast.
Hva er design tokens?
Design tokens er designbeslutninger (farger, skrifttyper, avstander og radier) definert som navngitte verdier som kan leses direkte inn i koden. De gjør at designendringer får effekt overalt på én gang, og at appen fortsetter å se ut som skissene også etter mange nye versjoner.
Blir det billigere å bruke et ferdig UI-kit?
Ja, et ferdig UI-kit kan redusere designkostnaden betydelig for en intern app eller en tidlig MVP. Prisen er at appen ser generisk ut, og at et UI-kit sjelden dekker alle behovene dere har. For en forbrukerapp der førsteinntrykket er avgjørende, er eget formspråk som oftest verdt pengene.