Webdesign handler om hvordan en nettside ser ut, oppleves og fungerer – fra farger, skrift og bilder til hvor raskt sidene laster og hvor enkelt de besøkende finner frem. Stadig mer av handelen skjer på nett, og nordmenn kjøper alt fra elektronikk til sommerdekk i nettbutikker. Da blir et gjennomtenkt design avgjørende for at folk blir værende, stoler på deg og faktisk handler.
Denne guiden forklarer hva du trenger for å få en nettside på nett, hvilke valg du har mellom ferdige maler, egne verktøy og profesjonell hjelp, og hvilke designprinsipper som gjelder i dag. Alt er forklart i et språk som passer for nybegynnere, slik at du kan ta gode valg uansett om du lager en blogg, en bedriftsside eller en nettbutikk.
Viktige punkter
- Grunnmuren først: du trenger domenenavn, webhotell, en publiseringsløsning (CMS) samt tekst og bilder før du tenker på selve designet.
- Tre veier til ferdig nettside: kjøpe en ferdig mal, bygge selv med et CMS eller en nettsidebygger, eller leie en webdesigner.
- WordPress er mest brukt: det gratis CMS-et driver rundt 40 prosent av alle nettsteder og passer de fleste.
- Design for mobil og fart: responsivt design og rask lasting (Core Web Vitals) teller både for besøkende og for Google.
- Universell utforming er påkrevd: norske nettsider skal følge WCAG-retningslinjene, håndhevet av Tilsynet for universell utforming av ikt.
Hva er webdesign, og hvorfor er det viktig?
Webdesign er arbeidet med å planlegge og utforme en nettside slik at den både ser bra ut og er enkel å bruke. Det omfatter det visuelle (layout, farger, typografi og bilder), strukturen (hvordan innholdet er organisert) og brukeropplevelsen (hvor lett det er å navigere og utføre oppgaver).
God webdesign er viktig fordi besøkende danner seg et inntrykk av nettsiden din på et øyeblikk. Et ryddig, raskt og tillitvekkende design gjør at folk blir lenger, finner det de leter etter og oppfatter deg som seriøs. Et rotete eller tregt design har motsatt effekt – mange forlater siden før den i det hele tatt er ferdig lastet. Design påvirker også synligheten i søkemotorer, fordi Google vektlegger hvor godt en side fungerer på mobil og hvor rask den er.
Hva trenger du til nettsiden din?
Før du tenker på selve designet, er det noen grunnleggende byggeklosser som må på plass. Her er det du trenger for å få en nettside online.
Domenenavn
Domenenavnet er nettadressen folk skriver inn for å finne deg, for eksempel tjenpengeronline.no. Velg et navn som er kort, lett å huske og enkelt å stave. Navnet bør helst si noe om hva nettsiden handler om. Les mer om hvordan du bør velge riktig domenenavn før du registrerer det.
Webhotell
Et webhotell (også kalt webhosting) er tjenesten som lagrer filene dine og gjør nettsiden tilgjengelig over internett døgnet rundt. Rask og stabil hosting er viktig både for brukeropplevelsen og for rangeringen i søk. Se vår oversikt over rimelig webhotell, og unngå fallgruvene vi beskriver i artikkelen om dårlige webhotell.
Publiseringsløsning (CMS)
En publiseringsløsning, ofte kalt CMS (Content Management System, eller innholdsstyringssystem), er programvaren du bruker til å lage, publisere og vedlikeholde innholdet uten å kode alt selv. Det mest brukte CMS-et er WordPress, som er gratis og åpen kildekode og driver omtrent 40 prosent av alle nettsteder i verden. Joomla er et annet gratis alternativ, men har en langt mindre andel og brukes av stadig færre.
Tekst og bilder
Innholdet er selve grunnen til at folk besøker siden. Husk at tekst på skjerm leses annerledes enn tekst i en bok eller avis: hold avsnittene korte, bruk mellomtitler og kom raskt til poenget. Bilder er også viktige, fordi de gir besøkende umiddelbare positive eller negative assosiasjoner. Bruk skarpe bilder i riktig størrelse, og trenger du skrifttyper til logo eller overskrifter, kan du laste ned gratis fonter fra lovlige kilder.
Tre måter å få en nettside på
Når grunnmuren er på plass, må du bestemme hvordan selve designet skal lages. Det finnes i hovedsak tre veier: kjøpe en ferdig mal, leie en webdesigner, eller bygge selv med et CMS eller en nettsidebygger. Tabellen nedenfor sammenligner de vanligste plattformene du kan bruke.
Sammenligning
| Plattform | Type | Passer best for | Teknisk nivå |
|---|---|---|---|
| WordPress | Selvhostet CMS, åpen kildekode | Blogg, bedriftsside og nettbutikk med rom for vekst | Lav til middels |
| Wix | Nettsidebygger (abonnement) | Enkle sider du vil lage raskt selv | Lav |
| Squarespace | Nettsidebygger (abonnement) | Designfokuserte porteføljer og småbedrifter | Lav |
| Shopify | Nettbutikkplattform (abonnement) | Netthandel og salg av varer | Lav til middels |
| Webflow | Visuell byggeplattform | Designere som vil ha presis kontroll uten kode | Middels |
| Joomla | Selvhostet CMS, åpen kildekode | Mer komplekse sider med flere brukerroller | Middels |
Ferdige maler og templater
Det er vanskelig å lage et godt design helt selv, men enkelt å kjøpe en ferdig mal (template) som profesjonelle designere allerede har laget. Du betaler bare for designfilene og konsentrerer deg om innholdet. Ferdige maler er ofte rimelige, men les alltid dokumentasjonen og sjekk at malen oppdateres og fungerer på mobil før du kjøper. Her er noen markedsplasser for nettside- og temamaler:
- Minisitebolt.com
- Landing Page Templates
- Themeforest.net
- Niche Site Templates
- WordPress landing page templates
- Minisitebulls.com
- Squeezepageinstant.com
- MarketTheme.com
- Shoe-In Money
Leie en webdesigner
Trenger du hjelp med hele eller deler av jobben, finnes det både norske og utenlandske webdesignere som kan ta seg av design, oppsett og teknisk tilrettelegging. En designer kan hjelpe deg med å tilpasse en mal, lage et skreddersydd uttrykk eller løse mer avanserte behov. Noen aktører du kan se nærmere på:
Foretrekker du en designer du kan møte ansikt til ansikt, finner du også mange dyktige fagfolk lokalt. Se for eksempel vår oversikt over gode webdesignere i Oslo.
Bygge selv med et CMS eller nettsidebygger
Vil du ha full kontroll og holde kostnadene nede, kan du bygge nettsiden selv. Med et CMS som WordPress installerer du et tema og bygger videre med utvidelser (plugins). Med en nettsidebygger som Wix eller Squarespace drar og slipper du elementer rett i nettleseren, uten teknisk oppsett. Selvbygging krever mer tid og tålmodighet, men gir deg erfaring og frihet til å endre ting selv senere.
Slik velger du riktig publiseringsløsning
Valget av CMS eller plattform bør styres av hva nettsiden skal brukes til, ikke av hva som er dyrest. Still deg disse spørsmålene før du bestemmer deg:
- Hva slags side er det? En enkel bedriftsside, en blogg og en stor nettbutikk har ulike behov.
- Hvor mye vil du gjøre selv? Nettsidebyggere er enklest å komme i gang med, mens WordPress gir mer frihet mot litt mer læring.
- Trenger du å selge varer? Da bør du vurdere en dedikert nettbutikkplattform eller en nettbutikkløsning oppå CMS-et.
- Hvor viktig er eierskap og fleksibilitet? Med selvhostet WordPress eier du alt selv; med en abonnementstjeneste er du bundet til leverandøren.
Mange webdesignere anbefaler dyre, lukkede løsninger, men for de fleste holder det lenge med et fleksibelt og gratis CMS kombinert med god hosting.
Gode webdesign-tips for en nettside som fungerer
Et moderne design handler om mer enn å se pent ut. Her er prinsippene som betyr mest for både besøkende og søkemotorer.
Responsivt og mobil først
Responsivt design betyr at nettsiden tilpasser seg skjermstørrelsen automatisk, enten den vises på mobil, nettbrett eller PC. Siden Google indekserer nettsteder etter mobilversjonen (mobil-først), bør du planlegge designet for mobil fra starten. De aller fleste besøk kommer i dag fra mobil.
Rask lastetid
Fart er avgjørende. Google måler brukeropplevelsen med Core Web Vitals, der tommelfingerreglene er at hovedinnholdet bør vises innen 2,5 sekunder (LCP), at siden svarer på klikk innen 200 millisekunder (INP), og at layouten ikke hopper rundt mens den laster (CLS under 0,1). Komprimer bilder, bruk et raskt webhotell og unngå tunge, unødvendige elementer.
Tydelig navigasjon og struktur
Besøkende skal forstå hvor de er og hvordan de kommer videre. Bruk en enkel meny, logiske kategorier og tydelige knapper. En god tommelfingerregel er at folk skal finne det viktigste med få klikk.
Universell utforming
Nettsider i Norge skal være tilgjengelige for alle, også personer med nedsatt syn, hørsel eller motorikk. Kravene bygger på de internasjonale WCAG-retningslinjene og håndheves av Tilsynet for universell utforming av ikt. I praksis betyr det blant annet god fargekontrast, tekstalternativer til bilder og at siden kan brukes med tastatur.
Tenk på synlighet i søk fra start
Et pent design hjelper lite hvis ingen finner frem. Legg inn gode titler, beskrivende tekst og rask lasting fra begynnelsen. Vil du gå grundigere til verks, kan du lese om søkemotoroptimalisering og hvordan du gjør innholdet lett å finne.
Hva koster webdesign?
Prisen på webdesign varierer mye, og avhenger av hvor mye du gjør selv. Her er de typiske kostnadsnivåene:
- Bygge selv med nettsidebygger: et løpende abonnement for verktøy og hosting – den rimeligste veien.
- Selvhostet CMS med ferdig mal: engangskostnad for malen pluss webhotell og domene per år.
- Tilpasset mal med noe hjelp: et mindre engangsbeløp til en designer som setter opp og tilpasser.
- Skreddersydd nettside fra et byrå: det dyreste alternativet, men gir et unikt uttrykk og profesjonell oppfølging.
Husk at du uansett må regne inn løpende kostnader til domene og webhotell, og gjerne vedlikehold. Billigst i innkjøp er ikke alltid billigst i lengden hvis siden må bygges om senere.
Vanlige feil folk gjør med webdesign
Mange tabber går igjen når man lager nettside for første gang. Unngå disse:
- Glemmer mobil: et design som bare er testet på PC, ser ofte rotete ut på telefon, der de fleste faktisk besøker siden.
- For trege sider: store, ukomprimerte bilder og billig, overfylt hosting gjør siden treg og skremmer bort besøkende.
- Rotete navigasjon: for mange menyvalg og uklare kategorier gjør at folk ikke finner frem.
- Tynt eller kopiert innhold: en lekker side uten nyttig, unikt innhold rangerer dårlig og gir lite tillit.
- Ingen tydelig handling: besøkende må forstå hva du vil de skal gjøre – kontakte deg, kjøpe eller abonnere.
- Dropper universell utforming: dårlig kontrast og manglende tekstalternativer stenger ute brukere og kan bryte med kravene.
Hvordan finne og velge en god webdesigner
Skal du leie inn hjelp, lønner det seg å sammenligne flere før du velger. Be om å få se tidligere prosjekter, sjekk at de leverer responsive og raske sider, og avklar pris, eierskap til filene og hva vedlikehold koster. Du finner flere norske webdesignere og byråer i bedriftskataloger som BedriftsGuiden.no, Bedriftsbasen og Lenkeguiden.
Uansett om du bygger selv eller leier inn hjelp: start med et klart mål for nettsiden, sett besøkeren i sentrum, og prioriter fart, mobil og lesbart innhold. Da har du grunnlaget for et design som både folk og søkemotorer liker.
Kilder
Vanlige spørsmål (FAQ)
Hva er forskjellen på webdesign og webutvikling?
Webdesign handler om det visuelle og brukeropplevelsen – layout, farger, skrift og hvordan siden oppleves. Webutvikling handler om å bygge den tekniske funksjonaliteten bak, altså koden som får nettsiden til å virke. På små prosjekter gjør ofte én person begge deler.
Trenger jeg å kunne kode for å lage en nettside?
Nei. Med en nettsidebygger eller et CMS som WordPress kan du lage en fullverdig nettside uten å kode. Du velger et ferdig design og fyller inn tekst og bilder. Koding blir først aktuelt hvis du ønsker spesielle tilpasninger utover det verktøyene tilbyr.
Hvor lang tid tar det å lage en nettside?
En enkel side med en ferdig mal kan stå klar på noen dager, mens en større nettbutikk eller en skreddersydd side fra et byrå gjerne tar flere uker. Mye av tiden går til å lage godt innhold, ikke bare til selve designet.
Hva koster det å ha en nettside i året?
De løpende kostnadene er i hovedsak domene og webhotell, som for en vanlig side er en relativt beskjeden årlig utgift. I tillegg kommer eventuelle abonnement på verktøy, betalte utvidelser og vedlikehold hvis du leier inn hjelp.
Er WordPress det beste valget for nybegynnere?
WordPress er det mest brukte CMS-et og passer de fleste fordi det er gratis, fleksibelt og har et stort utvalg temaer og utvidelser. Vil du ha noe enda enklere å komme i gang med, kan en nettsidebygger som Wix eller Squarespace være et godt alternativ, mot mindre frihet.