Design av nettsider
En god nettside skal ikke bare se bra ut, den skal også fungere, helst med et tydelig mål. Når man snakker om “webdesign”, kan det bety alt fra å velge farger og fonter til å designe banebrytende brukeropplevelser med prototyper og interaktive elementer.
Her får du en oversikt over hva som egentlig menes med nettsidedesign, hvilke fallgruver du bør unngå, og hvordan design og utvikling bør samarbeide for å skape resultater for deg.
Få oppsummering fra AI
Be AI oppsummere og evaluere denne artikkelen.
- Sist oppdatert: 19. september 2025
- Skrevet av: Frode Heimen
Innholdsfortegnelse
Design-ordbok: Begreper det er greit å forstå
Designere og utviklere bruker ofte faguttrykk som kan virke fremmed. Her er en enkel oversikt over begreper du møter i artikkelen – og hva de faktisk betyr:
Webdesign
Alt som handler om hvordan en nettside ser ut og oppleves. Farger, fonter, layout og visuelle virkemidler.
Webutvikling
Den tekniske delen av å lage en nettside – altså koding og funksjonalitet som gjør at alt virker som det skal.
UX (User Experience)
Brukeropplevelse – hvor enkelt, logisk og behagelig det er å bruke nettsiden.
UI (User Interface)
Brukergrensesnitt – det visuelle laget brukeren klikker og navigerer i, som menyer, knapper og skjemaer.
Prototype
En foreløpig utgave av nettsiden som brukes til å teste idéer og struktur før man bygger hele løsningen.
MVP (Minimum Viable Product)
En første versjon med akkurat nok funksjoner til å lanseres og forbedres over tid.
SEO (Søkemotoroptimalisering)
Tiltak som gjør at nettsiden din blir synlig når noen søker etter det du tilbyr på Google.
Universell utforming
Å gjøre nettsiden tilgjengelig for alle – også de med nedsatt funksjonsevne, f.eks. ved bruk av skjermleser.
CMS (Content Management System)
Et system som lar deg redigere innhold på nettsiden uten å kode. Eksempler: WordPress, Wix, Squarespace.
Konvertering
Når noen gjør det du ønsker – som å sende inn skjema, be om tilbud eller kjøpe noe.
1. Grunnleggende design: Farger, Fonter & Funksjon
Ikke alle nettsider trenger å vinne designpriser. For mange bedrifter er det viktigste at nettsiden er tydelig, rask og enkel å bruke. Her handler grafisk design om struktur, navigasjon, lesbarhet og å gjøre det enkelt for brukeren å forstå hva du tilbyr og hvordan de kan ta kontakt.
Et godt grunnleggende design inkluderer:
- Riktig bruk av typografi (lesbarhet)
- Kontrast og fargebruk som styrker budskapet
- En tydelig og logisk menystruktur
- God avstand og luft mellom elementer
- Enkle kontaktpunkter og tydelige knapper
Dette er design vi som webutviklere kan lage raskt og effektivt, og det er ofte mer enn godt nok. Vi kaller det gjerne funksjonelt design: det ser rent ut, det fungerer, og det gjør jobben.
Men noen ganger vil du mer enn det…
2. Kreativ webdesign:
Når du vil skille deg ut
Kreativ design handler om å fortelle en historie gjennom visuell kommunikasjon. Her snakker vi om spesiallagde layout, unike animasjoner, illustrasjoner og designelementer som gir deg et unikt særpreg. Slike løsninger krever ofte en dyktig webdesigner eller grafisk designer, som har øye for detaljer og som samarbeider tett med utvikleren.
Kreativ design kan gi:
- En merkevarefølelse som setter seg
- En “wow-faktor” som skiller deg fra konkurrentene
- Høyere engasjement, særlig i visuelle bransjer
- En emosjonell opplevelse som bygger tillit
Men det tar tid og koster mer. Og det passer ikke for alle. Et banebrytende design med tung animasjon og video kan se imponerende ut, men vil også kreve mer av både bruker og teknologi.
Mer tid i produksjon
Når man trenger en egen designprosess, så kan man grovt sett anta at designeren trenger halve til tilsvarende tid som utvikleren. Det er litt avhengig av ønsket design, og hvordan designet påvirker utviklingsprosessen. Det som kan se fint ut i en skisse kan være tidkrevende å lage for en utvikler. Derfor jobber også utvikler og designer ofte tett sammen.
3. Hva er god webdesign?
God webdesign handler ikke bare om smak og behag. Det handler om brukeropplevelse (UX), visuell utforming (UI), struktur og konvertering.
En god nettside:
- Har et mål og leder brukeren dit.
- Er tilpasset mobil og desktop
- Laster raskt og unngår frustrasjon og friksjon
- Bruker visuelle virkemidler som styrker innholdet.
- Er lett å drifte og vedlikeholde
- Når målene, om det er salg, leads eller å få tak i lesere
Et godt design er også en god selger. En nettside som selger til 4 av 100 besøkende er betydelig bedre enn en side som selger til 1 av 200. Effekten er ofte at alt av annonsering og digitale kanaler også yter bedre, når nettsiden konverterer bedre.
Prøv vår CRO kalkulator og se verdien av mer salg.
Vanskelig å bedømme
Nå er det slik at en god nettside, er ikke det samme som en fin nettside. Mange bedømmer oppdraget etter et designforslag, og har logisk nok ikke kompetanse til å vurdere hva som ligger bak. Det er en utfordring, og det er lett å trå feil. Vi kommer inn på fallgruver lenger ned.
4. Design og utvikling må samarbeide
En webdesigner og en webutvikler har to ulike kompetanser. Den ene (design) er kreativ, og skapende. Den andre (utviker) er metodisk og systematisk. Personer som besitter begge fagfeltene er ofte sjeldne å finne.
Derfor er dette også to kompetanser som utfyller hverandre, og som ofte jobber godt sammen.
Utfordringen er å finne balansen mellom «kreativt design» og «effektiv koding» og man bør ha en klar tanke på hva som skal veie tyngst, design eller timer til utvikling.
En designer kan lage noe lekkert, men det hjelper lite hvis det ikke lar seg kode effektivt. Og motsatt, en utvikler kan bygge noe robust og funksjonelt, men uten en gjennomtenkt visuell idé kan det fort bli kjedelig.
Et godt samarbeid starter med en prototype eller en MVP (Minimum Viable Product). Det gir rom for testing, justering og utvikling over tid, uten å brenne hele budsjettet på første forsøk.
4. Fallgruver:
Når “design” ikke er nok
Når man velger en leverandør kun basert på utseendet på referanser. «Ja disse lager fine nettsider» så åpner det seg hav av fallgruver. Her er noen av dem.
- Design uten funksjon: Nettsiden ser fin ut, men du får ikke nye kunder.
- Feil plattformvalg: Mange designere mangler utviklerkompetanse, og liker publiseringsløsninger (CMS) som ikke krever utviklere. Hint her er Wix og Squarespace. Det kan putte deg i en blindgate i fremtiden, som gjør at du må lage alt på nytt.
Slik velger du riktig CMS løsning. - Ingen plan for SEO eller struktur/innhold: En god nettside starter med en plan og analyse av markedet, uten det famler man i blinde. Om du ønsker å bli funnet når folk søker etter dine tjenester, så er starter søkemotoroptimalisering før alt annet.
- Tilfredsstiller ikke universell utforming eller lovkrav: Nettsider i dag har både tekniske krav og lovkrav, i tillegg skal nettsider følge standarder for universell utforming (WCAG) som gjør at svaksynte også kan bruke nettet. Spesielt oppsett av sporing og cookies krever teknisk kompetanse, og feil her fører til brudd på personvernloven. En designer er kjent med universell utforming, men vet ikke hvordan teksten på knappen blir lest opp for blinde.
Start alltid med målene og en plan
Vi tilbyr gratis analyse av din nettside, eller av ditt marked, før du lager en nettside. En slik plan gir en pekepinn på retningen du bør ta, og den er nyttig både for designer og utvikler. Bruk kontaktskjemaet nederst på siden om du ønsker gratis innsikt.
6. Når trenger du en webdesigner?
Du trenger en designer når du:
- Har høye krav til visuell profil og merkevare
- Ønsker noe unikt og skreddersydd
- Trenger animasjoner eller komplekse designelementer
- Vil skille deg ut i en visuell bransje (f.eks. mote, interiør, kultur)
Men du klarer deg ofte uten når:
- Du trenger en funksjonell og tydelig bedriftsnettside
- Du prioriterer hastighet, budsjett og enkel drift
- Du vil fokusere på SEO og innhold fremfor estetikk
📌 Les mer: Nettsider for bedrifter
Klar for å designe en ny nettside?
Hos Adventor utvikler vi nettsider med funksjon i fokus og samarbeid med designere der det trengs. Vi hjelper deg å ta riktige valg tidlig, slik at du får en nettside som virker, og ser bra ut.
Ta kontakt, så finner vi ut hvor på designskalaen din nettside bør ligge.
Din personlige digitale rådgiver
Jeg begynte med koding av nettsider i 1997 og var ferdig utdannet webmaster i 1999. Jeg har vært involvert i svært store og bitte små prosjekter. Min kompetanse kan være ditt konkurransefortrinn. – Frode Heimen. (LinkedIn)
Vi leverte ny nettside til Livsgnist Drift
Her har ikke en designer vært involvert, og siden er levert med «grunnleggende design» – altså farger og fonter. OK så ble logoen strammet opp, men det er alt av grafisk design. Resten er kun valg av farger og fonter.
Les kundecasen her.
Vi kan hjelpe deg med prosjektet
Om du søker et enkelt design eller en banebrytende kreativ nettside, så kan vi bistå i hele prosessen.