Godt webdesign gjør tre ting: det gir et godt førsteinntrykk, det gjør det enkelt å finne frem, og det får besøkende til å handle. Ser siden bra ut men ingen tar kontakt, har designet ikke gjort jobben sin.
I denne guiden går vi gjennom det som betyr mest i 2026: brukervennlighet, fart, tilgjengelighet og synlighet i både Google og AI-svar. Du får også en oversikt over verktøyene vi selv bruker, og tall fra nettsider vi har bygget.
Dette lærer du i innlegget
- Hva som skiller en bra nettside fra en pen nettside, med tre eksempler fra egne kunder
- De fem elementene alle gode nettsider har på plass
- Trender for 2026: hvilke du bør følge, og hvilke du kan hoppe over
- Verktøyene vi bruker: Figma, WordPress, WooCommerce og egen kode
- Design som blir synlig i Google og sitert i AI-svar
- Design som får besøkende til å ta kontakt
Hva er en bra nettside?
En bra nettside er en nettside som gjør jobben sin. For en butikk er jobben salg. For en tjenestebedrift er jobben henvendelser. Utseendet er bare middelet.
To eksempler fra egne kunder viser forskjellen. Da vi bygde om nettbutikken til VuggeBaby, byttet vi nedtrekksmenyer med fargeprøver, la inn forhåndsvisning av barnets navn rett på produktsiden og erstattet et tungt søk med ett som foreslår mens du skriver. Ingenting av dette er dekor. Alt handler om å fjerne tvil før kjøpet. Fra mars til mai 2026 fikk butikken 132 prosent flere kjøp og 108 prosent høyere omsetning enn samme periode året før.
For Stas Artist bygde vi nettstedet fra bunnen i Laravel, med bookingsystem, turnéplan og nettbutikk, og med mobil som førstevalg i alt design. De første sju månedene etter lansering fikk nettstedet 507 prosent flere nye brukere og 634 prosent flere som kom tilbake, målt i Google Analytics mot samme periode året før.
Det er dette god nettside design er: valg som får folk til å gjøre det du vil at de skal gjøre.
Fem elementer alle gode nettsider har
Tilpasset alle skjermer
Nettsiden skal fungere like godt på mobil, nettbrett og PC. Det kalles responsivt design, og det er ikke lenger et valg. Google vurderer mobilversjonen av siden din når den rangerer deg, og de fleste besøkende kommer fra mobilen.
Start derfor med mobilskjermen når du designer, og utvid til store skjermer etterpå. Det motsatte gir nesten alltid en mobilversjon som føles som et kompromiss. Bruk bilder som skalerer uten å bli uklare, menyer som fungerer med tommelen, og test på ekte telefoner, ikke bare i nettleserens simulering.
Enkel å bruke
Besøkende skal finne det de leter etter uten å tenke. Det betyr en meny med få, tydelige valg, viktig informasjon høyt på siden, og knapper som er store nok til å treffe med en finger.
Hos VuggeBaby lå det største tapet i kassen. Kunden fikk ikke se hvordan navnet ville se ut på plagget før kjøpet, og mange ga opp. Forhåndsvisningen løste det. Se på din egen side med samme blikk: hvor må kunden gjette?
Rask å laste
Folk er utålmodige på nett, og Google måler det. Core Web Vitals er Googles mål på brukeropplevelse, og siden mars 2024 er INP tallet for hvor raskt siden reagerer når noen klikker. Mål med PageSpeed Insights, og se etter de vanlige synderne: store bilder, tunge skript og treg server.
- Komprimer bilder til WebP, og angi bredde og høyde i koden
- Fjern utvidelser og skript du ikke bruker
- Velg rask hosting nær de besøkende
Tilgjengelig for alle
Nettsiden skal kunne brukes av folk med nedsatt syn, hørsel eller motorikk. Det er lovpålagt: norske nettsteder rettet mot allmennheten skal oppfylle 35 krav fra WCAG-standarden, og EUs tilgjengelighetsdirektiv gjelder i EU fra 28. juni 2025 for blant annet nettbutikker. I praksis betyr det god kontrast, alt-tekst på bilder, og at hele siden kan brukes med tastatur.
Hele regelverket forklarer vi i guiden om tekst til tale og universell utforming.
Tydelig hierarki
Bruk størrelse, farge og plassering til å lede blikket. Det viktigste skal være størst eller stå alene. Luft rundt et element gjør det synlig. Grupper det som hører sammen, og la resten være stille. Et godt hierarki gjør at besøkende forstår siden på tre sekunder, uten å lese.
Trender i 2026: følg disse, hopp over resten
Ikke alle trender fortjener plass på din nettside. Tabellen viser hva vi anbefaler kundene våre.
| Trend | Vår vurdering | Hvorfor |
|---|---|---|
| AI-utkast til design og tekst | Bruk, med forbehold | Raskt til skisser og idéer. Uten en designer ser resultatet ut som alle andres, og alt må kvalitetssikres før publisering. |
| Tilgjengelighet som standard | Må | Lovkrav i Norge, og i EU fra 28. juni 2025. Det er også bedre design for alle. |
| Fart som en del av designet | Må | INP og Core Web Vitals teller i rangeringen, og trege sider mister besøkende før de har lest overskriften. |
| Klar for AI-agenter | Følg med | Med WebMCP kan AI-agenter søke og bestille direkte på nettsiden. Vi har testet det på mementor.no. |
| Mørk modus | Valgfritt | Fint for lesbarhet om kvelden, men krever to fargepaletter som begge må ha god kontrast. |
| Små animasjoner | Med måte | En knapp som reagerer når du holder musa over, er nok. Bevegelse som ikke betyr noe, stjeler oppmerksomhet. |
| Skjeve oppsett og uventede plasseringer | Hopp over | Det fanger blikket i porteføljer, men forvirrer kunder som vil finne prisen. |
| Video i toppen av forsiden | Hopp over | Det er ofte det tyngste elementet på siden, og få ser den ferdig. Et godt bilde og en tydelig overskrift gjør jobben. |
Verktøyene vi bruker
Figma er standardverktøyet for selve designet. Der lager vi skisser og klikkbare prototyper som kunden kan prøve før én linje kode er skrevet, og flere kan jobbe i samme fil samtidig.
De fleste nettsider bygger vi i WordPress, og nettbutikker med WooCommerce. Du eier alt selv, kostnaden er lav, og Vipps, Klarna, Bring og norske regnskapssystemer har ferdige koblinger. Når en kunde trenger noe standardløsningene ikke dekker, bygger vi fra bunnen i Laravel, slik vi gjorde for Stas Artist og for vår egen nettside.
Webflow passer designdrevne sider der du vil ha full kontroll uten å kode. Shopify passer nettbutikker som vil betale en fast månedspris og slippe teknisk ansvar, mot noe mindre frihet. Til testing bruker vi PageSpeed Insights for fart og Hotjar for å se hvor folk klikker og hvor langt de scroller.
Skal du velge mellom Shopify og WooCommerce til en nettbutikk? Hvilken som er billigst, avhenger av hvordan kundene betaler. Vi regner på det i sammenligningen av Shopify og WooCommerce.
AI-verktøy kan nå lage utkast til hele nettsider på minutter. Vi bruker dem til skisser, fargeforslag og tekstidéer, og lar en designer forme uttrykket etterpå. Alt som er laget av AI går gjennom menneskelig kontroll før det publiseres.
Samme regel gjelder for tekster, annonser og bilder. Vi har laget en plan for å ta i bruk AI i markedsføringen på fire uker.
Design som blir synlig i Google og AI-svar
Mye av søkemotoroptimaliseringen avgjøres når siden bygges. Hvordan SEO og webdesign henger sammen har vi skrevet en egen guide om. Det korte svaret er dette:
- Én H1 per side, og H2 og H3 i logisk rekkefølge, så både Google og AI-motorer forstår strukturen
- Titler under 60 tegn og meta-beskrivelser under 155, skrevet for å bli klikket på
- Beskrivende filnavn og alt-tekst på bilder, komprimert så de laster raskt
- Strukturerte data for produkter, omtaler og spørsmål og svar
- Korte avsnitt og tydelige svar øverst i hver seksjon, så innholdet er lett å sitere
Det siste punktet er det som gjør at ChatGPT og Googles AI-svar velger deg som kilde. Det kalles AEO, og du kan lese mer i guiden vår om AEO-optimalisering.
Design som får folk til å ta kontakt
Designet skal jobbe for deg. Knappen som betyr mest, skal ha en farge som skiller seg ut, en tekst som sier hva som skjer, og en plass der folk leter etter den. «Be om tilbud» slår «Klikk her» hver gang.
Tillit avgjør resten. Kundeomtaler på forsiden, logoer fra kunder du har jobbet for, og tydelige priser fjerner tvilen som stopper en henvendelse. I VuggeBabys kasse viser en egen bekreftelse produktet som nettopp ble lagt i kurven, hvor langt kunden er fra gratis frakt, og fire bestselgere fra samme kategori. Det er tillit og mersalg i samme skjermbilde.
Tillit og tydelige priser kan måles i konverteringsraten. Vi viser hvordan du får flere henvendelser fra nettsiden du har, og hvordan du finner det som stopper kundene.
Er logoen din moden for fornyelse, viser guiden vår til rebranding av logo hvordan du beholder det kundene kjenner igjen.
Hos The Box, et kontorfellesskap i Sannergata i Oslo, sto ikke prisene på nettsiden. Den som lurte på hva et kontor kostet, måtte ta kontakt, og mange gjorde ikke det. I det nye designet ligger alle 13 kontorer ute med areal og månedspris, møterommene med timepris, og bookingen åpner fra hele nettstedet og filtrerer på antall personer. Forespørselen lander hos The Box som en ferdig utfylt e-post med rom, periode og kontaktinformasjon.
Nettstedet er blitt kanalen henvendelsene kommer inn gjennom.
Og test. Lag to versjoner av den viktigste siden, og la tallene avgjøre. Spør kundene hva som stoppet dem. Meningen deres er verdt mer enn din egen smak.
Skal du designe nettsiden på nytt?
Har du allerede en nettside som ikke gir resultater, er spørsmålet om du skal pusse opp eller bygge nytt. Det har vi skrevet om i guiden om nytt webdesign og redesign av nettside. Hva det koster, finner du i prisguiden for nettsider.
Ofte stilte spørsmål
Hva er webdesign?
Webdesign er arbeidet med hvordan en nettside ser ut og fungerer. Det dekker alt fra farger, skrift og oppsett til hvor enkelt det er å finne frem og ta kontakt. Godt webdesign kombinerer utseende, brukervennlighet og teknikk.
Hva er en bra nettside?
En nettside som gjør jobben sin: salg for en butikk, henvendelser for en tjenestebedrift. Den er rask, fungerer på mobil, kan brukes av alle, og fjerner tvil før kunden handler. Da vi fjernet tvilen i kassen hos VuggeBaby, fikk butikken 132 prosent flere kjøp fra mars til mai 2026 uten å endre produktene.
Hvordan lage min egen nettside?
Start med WordPress og et enkelt tema, eller en byggeløsning som Webflow eller Shopify hvis du vil slippe teknikk. Bestem først hva siden skal få folk til å gjøre, lag maks fem sider, skriv tekstene selv, og test på mobil før du publiserer. Trenger du hjelp, gir vi fast pris før vi starter.
Hva koster en ny nettside?
Det avhenger av størrelse og funksjoner. Hos Mementor får du enten en fast prosjektpris avtalt på forhånd, eller webdesign som løpende månedstjeneste. Be om et uforpliktende tilbud, så får du en konkret pris innen 24 timer. Se ellers prisguiden for nettsider for typiske spenn.
Hvilket verktøy bør jeg bygge nettsiden i?
WordPress passer de fleste bedrifter og gir størst frihet over tid. Shopify er laget for nettbutikker og er raskt å komme i gang med. Webflow passer designdrevne sider. Er du usikker, velg ut fra hva siden skal gjøre om to år, ikke bare i dag.
Hva er responsivt design?
Responsivt design betyr at nettsiden tilpasser seg skjermen den vises på, enten det er mobil, nettbrett eller PC. Google vurderer mobilversjonen av siden din når den rangerer deg, så mobilopplevelsen er viktigst.
Må nettsiden min følge krav til universell utforming?
Ja. Norske nettsteder rettet mot allmennheten skal oppfylle 35 krav fra WCAG-standarden, og offentlig sektor har enda strengere krav. Selger du til kunder i EU, gjelder også EUs tilgjengelighetsdirektiv fra 28. juni 2025. Les mer i guiden vår om universell utforming.
Konklusjon
Godt webdesign er ikke det som ser mest imponerende ut. Det er det som får flest til å handle eller ta kontakt. Gjør siden rask, tilpasset mobil og tilgjengelig for alle, fjern tvilen der kunden nøler, og mål hva som skjer.
Skal du i gang med ny nettside? Vi designer og bygger nettsider med fast prosjektpris, eller som webdesign som løpende tjeneste. Se webdesign-tjenesten vår eller be om en gratis vurdering.
