Moderne nettside: 8 eksempler og hva du kan lære av dem

Kort svar: En moderne nettside er ikke den med flest effekter, men den der hvert designvalg hjelper den besøkende å forstå, stole på og velge bedriften. De peneste nettsidene har som regel god luft, få farger, tydelig typografi, ekte bilder og et budskap som synes med en gang. Under er åtte eksempler fra norske merkevarer og fra våre egne prosjekter, og hva du kan låne fra hvert av dem.

Hvorfor utseendet betyr noe

I en studie fra Carleton University dannet testpersonene seg en oppfatning av utseendet på en nettside på 50 millisekunder, og vurderingen holdt seg når de fikk se lenger (Lindgaard mfl., 2006). I Stanfords store studie om troverdighet på nettet handlet 46 prosent av kommentarene om nettsidens utseende, mer enn noe annet (Stanford og Consumer WebWatch). Og besøkende forlater ofte en side innen 10 til 20 sekunder hvis de ikke forstår med en gang hva den tilbyr (Nielsen Norman Group).

En pen nettside kjøper altså tid. Det som avgjør om den besøkende blir, er hva siden gjør med den tiden.

Tre norske merkevarer

1. Tibber: ett løfte og én knapp

Tibbers norske forside åpner med ett tydelig løfte, «Lavere strømregning – helt automatisk», og den samme handlingen, «Bytt til Tibber», går igjen nedover siden. Bevisene kommer fortløpende: hvilke elbilmerker appen fungerer med, hva kundene sier og hvorfor det lønner seg (Tibber).

Dette kan du låne: Si hva kunden får i én setning, og gi dem én tydelig neste handling. Resten av siden skal bevise løftet.

2. Oda: overskrifter som snakker kundens språk

Oda selger dagligvarer på nett, men overskriftene handler om hverdagen til kunden, ikke om logistikk: «Akkurat som en vanlig handletur – hjemmefra», «Enklere småbarnsliv» og «Norgesmester på frukt og grønt» (Oda).

Dette kan du låne: Skriv overskrifter om situasjonen kunden er i. «Enklere småbarnsliv» selger bedre enn «Vi leverer dagligvarer».

3. Vipps: en egen tone

Vipps sin forside er kort og personlig. Den starter med «Hei, vi er Vipps 🧡», deler tydelig mellom privat og bedrift, og har en egen tilgjengelighetserklæring i bunnen (Vipps).

Dette kan du låne: En tydelig personlighet. Du trenger ikke gå like langt, men ord og form som er deres egne, gjør dere lettere å huske.

Fem eksempler fra våre egne prosjekter

4. Climentum Capital: skandinavisk ro

For venturefondet Climentum, som investerer i klimateknologi, tok designet utgangspunkt i skandinavisk tilbakeholdenhet: åpent rom, bevisst typografi og rolige bevegelser. Partnerne beskrev den nye nettsiden som «større» og «levende».

5. Nordic Acceleration Group: struktur som autoritet

Da Nordic Acceleration Group ble kåret til Di Gasell 2025, måtte nettsiden matche selskapets vekst, på to uker. Løsningen var tydelig struktur: forenklet navigasjon, tydelige tjenesteblokker og en logisk fortelling fra topp til bunn.

6. Northfork: moderne, men aldri sterilt

Northforks tidligere nettside så moderne ut, men var vanskelig å forstå. Den nye bygger på en svart-hvit base med sterke aksentfarger og en forside som forteller i rekkefølge: oppmerksomhet, bevis, produktdybde og til slutt en demosamtale.

7. LexEnergy: farge som leder

For energiselskapet LexEnergy fikk neongule aksenter én oppgave: å vise hvor den besøkende skal klikke. Knappene i kontrastfarge går igjen på hver side, og skjemaene har få felt.

8. RTL Consulting: lesbarhet først

For konsulentselskapet RTL Consulting lå fokuset på en enhetlig fargepalett, tydelige ikoner og et hierarki som leder den besøkende gjennom tjenestene. Kontaktforespørslene økte med 30 prosent etter lanseringen.

Se flere av våre prosjekter.

Sju prinsipper bak en moderne nettside

1. Luft. Rom rundt tekst og bilder gjør siden roligere og lettere å lese. Det er det første som skiller en gjennomarbeidet nettside fra en mal.
2. Få farger med en oppgave. En base, en aksent og en farge for knapper holder. Aksentfargen skal vise hva som er viktig.
3. Maks to skrifttyper. Én for overskrifter og én for brødtekst, i tydelige størrelser.
4. Ekte bilder. Lokalene, de ansatte og kundene deres slår bildebyråets smilende kontorfolk.
5. Ett budskap per seksjon. Overskrift, én setning og et neste steg.
6. Bevegelse med mening. Animasjoner skal forklare eller lede, ikke bare synes.
7. Pen på mobil. De fleste besøk kommer fra telefonen. Design for den skjermen først.

Vil du gå lenger med identiteten enn selve nettsiden, finner du mer på siden vår om grafisk profil.

Det som får en nettside til å se billig ut

• Lav kontrast. Lysegrå tekst på hvit bakgrunn er den vanligste tilgjengelighetsfeilen av alle, og fantes på 84 prosent av forsidene WebAIM undersøkte i 2026 (WebAIM). I Norge er god kontrast dessuten et lovkrav: Private virksomheters nettsider skal oppfylle 35 suksesskriterier i WCAG 2.0 (Uutilsynet), og Uutilsynet fant brudd på minstekravene i 98 prosent av løsningene de kontrollerte (Uutilsynet).
• Bildekarusell øverst. Roterende bilder flytter fokus og skjuler budskapet.
• For mye på én gang. Ti knapper, fem farger og tre skrifttyper.
• Treg lasting. Det peneste designet hjelper ikke hvis siden bruker fem sekunder på å vises. Googles grense for god lastetid er 2,5 sekunder for det største innholdet (web.dev). Les mer i PageSpeed: slik tester du hastigheten.
• Malen synes. Samme tema som konkurrenten, med de samme bildene.

Vil du ta det første steget selv, finner du tips i Beste nettsidebygger 2026 og Gratis nettside: hva den egentlig koster.