Nettside design: sjekklisten vi går gjennom punkt for punkt

Nettside design handler om at besøkende raskt skjønner hva du tilbyr, finner fram og klarer å ta kontakt. Gå gjennom siden punkt for punkt: formål, struktur, navigasjon, mobilvisning, hastighet, tilgjengelighet og handlingsoppfordringer. Sjekklisten under forutsetter at du allerede vet hvem siden er for — uten det blir designvalgene gjetning.

Hva «nettside design» egentlig dekker

De fleste som søker etter nettside design, ser for seg farger, fonter og en pen forside. I praksis er det fire lag som avgjør om siden fungerer: hva siden skal oppnå, hvordan innholdet er organisert, hvordan brukeren beveger seg gjennom det, og hvordan det hele oppfører seg teknisk på en middels god mobil med middels godt nett.

Det vi ser oftest når en bedrift er misfornøyd med designet sitt, er ikke at fargene er feil. Det er at forsiden ikke sier hva bedriften gjør, at menyen er organisert etter hvordan bedriften er bygget internt i stedet for hva kunden leter etter, og at kontaktveien er gjemt. Alt det er designproblemer, men ingen av dem løses i et grafikkprogram.

Sjekklisten under er den vi selv går gjennom. Hvert punkt er noe du kan kontrollere på egen side i løpet av noen minutter, med en begrunnelse og et konkret neste steg hvis svaret er nei. Ta punktene i rekkefølge — det er lite poeng i å finjustere typografien hvis strukturen er feil.

Steg 1: Grunnlaget — før du ser på én eneste farge

Dette er punktene som styrer alle senere valg. Får du dem feil, blir resten kosmetikk.

• Kan du si i én setning hva siden skal få folk til å gjøre? Ringe, be om tilbud, booke, kjøpe, søke jobb. En side som skal alt, prioriterer ingenting. Hvis nei: velg én primærhandling og én sekundær, og skriv dem ned før du designer noe.
• Vet du hvem som faktisk besøker siden? En rørlegger med akutte kunder på mobil trenger et helt annet design enn en B2B-leverandør der innkjøperen leser på PC i arbeidstiden. Hvis nei: se på hvilke enheter og hvilke sider besøkende bruker i dag før du bestemmer layout.
• Har du innholdet klart — tekst, bilder, priser, referanser? Design uten innhold blir tomme bokser som fylles med fyll i etterkant. Hvis nei: samle innholdet først. Dette er punktet som oftest velter tidsplanen i et nettsideprosjekt.
• Har du et domene og en e-postadresse som hører til bedriften? En bedriftsside på en gratis subdomeneadresse svekker inntrykket før noen har lest en setning. Hvis nei: start med å sjekke om domenet du vil ha er ledig og sikre det tidlig i prosessen.

Steg 2: Forsiden — består den femsekunderstesten?

Sett deg ned med noen som ikke kjenner bedriften. Vis dem forsiden på en telefon i fem sekunder, ta den bort, og spør hva bedriften driver med og hvor de ville trykket. Svarene er den ærligste designanalysen du får.

• Står det tydelig hva du selger, over skillet der man må begynne å scrolle? Ikke et slagord, men hva du faktisk leverer og til hvem. Hvis nei: bytt ut slagordet med en konkret setning, for eksempel «Elektriker for borettslag i Bergen».
• Er det tydelig hvor kunden er? Norske kjøpere sjekker geografi tidlig ved lokale tjenester. Hvis nei: få sted inn i toppteksten, ikke bare i bunnfeltet.
• Finnes det én visuelt dominerende knapp? Fem like knapper er det samme som ingen knapp. Hvis nei: gi primærhandlingen en farge ingenting annet på siden bruker.
• Er det noe som bygger tillit synlig tidlig? Kundelogoer, omtaler, sertifiseringer, bilder av ekte folk fra bedriften. Hvis nei: legg inn to–tre referanser høyt oppe. Illustrasjoner fra bildebanker gjør ikke den jobben.
• Fungerer forsiden uten at du forklarer den? Hvis du må si «du må bare scrolle litt ned, så ser du», er designet svaret på feil spørsmål.

Steg 3: Navigasjon og sidestruktur

Navigasjonen er den delen av designet flest bedrifter overkompliserer. Menyen skal speile hva kunden leter etter, ikke hvordan bedriften er organisert i avdelinger.

• Har hovedmenyen få nok punkter til at du kan lese dem på ett blikk? Lange menyer med undermenyer i flere nivåer er tunge på mobil. Hvis nei: slå sammen til hovedkategorier og flytt resten ned på de sidene der de hører hjemme.
• Beskriver menypunktene innholdet med kundens ord? «Løsninger» og «Vårt univers» sier ingenting. Hvis nei: bytt til det tjenesten faktisk heter.
• Har hver tjeneste en egen side? Én samleside med alt gir deg verken plass til å overbevise eller noe å bli funnet på. Hvis nei: splitt opp. Dette er også det enkeltgrepet som oftest gir mest tilbake i søk.
• Kommer man til kontakt fra enhver side? Kontaktvei i toppen og i bunnen, alltid. Hvis nei: fiks det i dag — det er ti minutters arbeid.
• Vet brukeren hvor hun er? Aktiv markering i menyen, og brødsmuler på sider som ligger dypt. Hvis nei: legg det inn på nettbutikker og sider med mange undersider; små sider klarer seg uten.

Hvor mye design bør du egentlig betale for?

Her ligger den reelle avveiningen. Du kan bygge på ferdig tema, bruke et designsystem tilpasset merkevaren din, eller få alt tegnet fra bunnen. Alle tre kan gi en god side. Forskjellen ligger i hva du gir slipp på.

Er du usikker på hvilken vei som passer, er spørsmålet ikke «hva har vi råd til», men «hva er det designet skal løse». En rådgivende bedrift med fem sider løser sjelden noe med skreddersøm. En nettbutikk med kompliserte varianter og et kjøpsløp som skiller seg fra konkurrentene, gjør det ofte. Vi har skrevet mer om hvordan du vurderer valget mellom mal og skreddersøm i et nettsideprosjekt, og om hva du bør kreve av et webdesignbyrå før du signerer.

Steg 4: Mobil

Mobilvisningen er ikke en forminsket utgave av PC-versjonen. Det er hovedutgaven for de fleste norske bedriftssider, og den bør designes først.

• Har du åpnet siden på din egen telefon i dag? Simulatoren i nettleseren viser layout, men ikke hvordan det føles å treffe knappene. Hvis nei: gjør det nå, og gå gjennom hele kjøps- eller kontaktløpet.
• Er brødteksten lesbar uten å zoome? For liten skrift er den vanligste mobiltabben. Hvis nei: øk skriftstørrelsen på brødtekst og reduser linjelengden.
• Er knapper og lenker store nok til en tommel? Lenker som ligger tett i tett gir feiltrykk. Hvis nei: gi klikkflatene mer luft.
• Ligger telefonnummeret som en trykkbar lenke? For lokale tjenester er telefonoppringing ofte den viktigste handlingen. Hvis nei: gjør nummeret klikkbart.
• Skjuler ikke skjermtastaturet noe viktig i skjemaer? Test å fylle ut kontaktskjemaet på telefon. Hvis feltet du skriver i havner bak tastaturet, mister du henvendelser du aldri får vite om.

Steg 5: Hastighet

Ytelse er et designtema, ikke bare et utviklertema. De fleste trege bedriftssider er trege fordi noen valgte et stort toppbilde, tre skrifttyper og en videobakgrunn.

• Er bildene skalert til den størrelsen de faktisk vises i? Et bilde på flere megabyte i en liten spalte er ren sløsing. Hvis nei: eksporter på nytt i riktig bredde og moderne format.
• Bruker du mer enn to skrifttyper? Hver ekstra skriftvekt er en nedlasting til. Hvis ja: kutt ned til det du faktisk bruker.
• Er det video eller karusell som starter automatisk øverst? Det er tungt, og det stjeler oppmerksomheten fra budskapet. Vi anbefaler å droppe automatiske karuseller helt — brukeren rekker sjelden å lese bilde to.
• Hvor mange sporingsskript og innebygde widgeter ligger på siden? Chat, kart, bookingverktøy og analyse legger seg oppå hverandre. Hvis du ikke vet: rydd i det, og behold det du faktisk bruker i beslutninger.

Steg 6: Tilgjengelighet

Kravene til universell utforming av nettsteder i Norge bygger på WCAG 2.1 nivå AA. Det betyr at flere av punktene under ikke er valgfrie designpreferanser, men krav du skal oppfylle — og de fleste av dem er billigst å ta mens siden bygges.

• Er kontrasten mellom tekst og bakgrunn god nok? Lysegrå tekst på hvitt er den mest utbredte feilen i moderne design. Hvis nei: mørkne teksten. Det koster deg ingenting og hjelper alle som leser i sollys.
• Kan du bruke siden med tastaturet alene? Trykk deg gjennom med tabulator. Hvis fokusmarkeringen er usynlig eller du blir sittende fast i en meny, er det en feil som må rettes.
• Har bildene alt-tekst som beskriver innholdet? Dekorative bilder kan ha tom alt-tekst; bilder som bærer informasjon kan ikke. Hvis nei: gå gjennom bildene på de viktigste sidene først.
• Er overskriftene ekte overskrifter? Tekst som bare er gjort stor og fet, gir ingen struktur for skjermlesere. Hvis nei: rett opp hierarkiet, én H1 per side og logiske nivåer under.
• Har skjemafeltene synlige etiketter? Tekst som forsvinner så snart du begynner å skrive, er et tilgjengelighetsproblem og en irritasjon for alle. Hvis nei: legg på faste etiketter over feltene.

Steg 7: Design som ikke stenger deg ute av søk og AI-svar

Synlighet i 2026 handler ikke bare om den blå lenkelista. Google viser også AI Overviews og AI Mode, og Googles egen veiledning for de generative funksjonene er tydelig på at disse flatene henter fra de vanlige søkesystemene. Det finnes en egen innstilling i Search Console for om sidene dine kan inkluderes, og en egen rapport for AI-flatene. Google har også sagt at de ikke bruker llms.txt. Ut over det er mye av det bransjen hevder om AI-synlighet fortsatt udokumentert — vi lener mot å behandle det som vanlig godt teknisk og innholdsmessig arbeid, ikke som en egen disiplin.

• Finnes den viktigste teksten som ekte tekst? Priser, tjenestenavn og åpningstider bakt inn i et bilde eller en grafikk kan ingen søkesystemer lese. Hvis nei: skriv dem ut i HTML.
• Vises innholdet uten at brukeren må klikke? Trekkspill og faner kan være greit for utfyllende detaljer, men hovedbudskapet bør stå åpent. Hvis nei: løft det viktigste ut.
• Har hver side en tittel og en ingress som forklarer siden alene? Både i søkeresultat og i et AI-svar blir siden vurdert løsrevet fra resten av nettstedet. Googles startguide for SEO går gjennom de grunnleggende kravene.
• Svarer innholdet på det kunden faktisk spurte om? Google beskriver dette i veiledningen om nyttig, folk-først innhold. En pen side som ikke besvarer spørsmålet, har ingenting å bidra med i et AI-generert svar heller.

Steg 8: Handlingsoppfordringer, skjemaer og salg

Til slutt skal designet føre til noe. Her er forskjellen mellom en pen side og en side som tjener penger.

Normal konverteringsrate for norske nettbutikker i Box sin portefølje ligger på 1,8–3,5 %, med de beste kategoriene opp mot 5,5 %.

Poenget med å kjenne et slikt spenn er at det gjør designdiskusjoner konkrete. Når marginene i konvertering er så små, betyr det mye om skjemaet ditt har fire felt eller elleve, og om det står tydelig hva som skjer etter at man trykker send.

• Har hver side én tydelig neste handling? En tjenesteside uten avslutning sender brukeren tilbake til menyen. Hvis nei: avslutt hver side med den handlingen som hører til akkurat den tjenesten.
• Sier knappen hva som skjer? «Be om uforpliktende tilbud» slår «Send» hver gang. Hvis nei: skriv om knappeteksten — det er det raskeste designgrepet som finnes.
• Er skjemaet så kort som det kan bli? Hvert felt du legger til, koster deg henvendelser. Hvis nei: fjern alt du ikke trenger for å svare på første melding.
• Får brukeren en kvittering og en forventning? «Vi svarer normalt innen én arbeidsdag» fjerner usikkerhet. Hvis nei: legg det inn i takkemeldingen.
• Er prisinformasjon eller prisnivå synlig et sted? For mange tjenestebedrifter er manglende prisantydning den største bremsen. Vi anbefaler å oppgi fra-priser eller typiske prosjektspenn framfor ingenting — men det gjelder ikke deg som leverer sterkt kundetilpassede prosjekter der et tall uten kontekst vil villede.

Test før du lanserer

Denne runden tar en formiddag, og fanger nesten alt som ellers dukker opp som pinlige e-poster i uke to.

Etter lansering: hva du faktisk følger med på

Design er ikke ferdig ved lansering. De to rapportene vi bruker mest de første månedene, er sideindekseringsrapporten, som viser om sidene i det hele tatt er med i Google, og ytelsesrapporten for Søk, som viser hvilke spørsmål folk faktisk kommer inn på. Hvis en tjenesteside får visninger, men ingen klikk, er det som regel tittelen og ingressen som er problemet — ikke designet.

Vurderer du å starte enkelt og bygge ut senere, bør du lese om hva du faktisk får og ikke får med en gratis nettsideløsning før du bestemmer deg, og hva som skiller en hobbyside fra en bedriftsside som skal selge. Er du kommet til punktet der du vet hva du trenger, men ikke har tid eller folk til å gjøre det, kan du ta det med oss i en gjennomgang av nettsiden.