Alle prosjekter

Seng.no

Ny nettbutikk for Sengemakeriet Tønsberg — enklere å finne, sammenligne og kjøpe, med en sengebygger som gjør sammensatte kjøp oversiktlige.

Kunde
Sengemakeriet Tønsberg
Rolle
Webdesigner
År
2026
Type
UX og nettbutikk
Hero på den nye forsiden til seng.no

Hva trengte kunden?

Dagens nettbutikk hadde en lang meny, tette produktlister og kjøpsflyter der de viktigste valgene kom sent. Kundene trengte en enklere vei fra første besøk til ferdig kjøp — også for dyre, sammensatte produkter som rammemadrasser.

Hva ble laget?

Research av dagens løsning og konkurrenter, ny informasjonsarkitektur, wireframes og UI-design for desktop og mobil — fra forside og kolleksjonssider til produktside med sengebygger, handlekurv, kasse og Min side. Nettbutikken er under utvikling og lanseres senere.

Hele historien

Oversikt

Seng.no er nettbutikken til Sengemakeriet Tønsberg, en spesialbutikk for senger, madrasser, dyner, puter og sengetøy med fysisk butikk i Tønsberg. Målet var en nettbutikk som gjør det enklere å finne, sammenligne og kjøpe — også de dyre og sammensatte produktene, som rammemadrasser, der kundene i dag ofte trenger hjelp i butikken.

Omfang: research og analyse, nettstedskart, wireframes og UI-design for desktop og mobil — forside, kategori- og kolleksjonssider, produktside med sengebygger, handlekurv, kasse og Min side.

Status: nettbutikken er under utvikling og ikke lansert ennå. Versjonen som bygges nå har noen justeringer fra den opprinnelige skissen.

Innsiktsarbeid

Jeg startet med å gå gjennom dagens seng.no side for side — forside, kategorier, produktsider, handlekurv, Min side og kundeservice — og så på hvordan andre norske møbel- og sengebutikker løser meny, filtrering og kjøpsflyt.

Tre funn styrte resten av arbeidet:

  • Menyen var lang og flat. Mange likestilte valg gjorde det vanskelig å skjønne hvor man skulle begynne.
  • Produktlistene var tette. Lite luft og svake filtre gjorde det tungt å sammenligne.
  • De viktigste valgene kom sent. På sammensatte produkter lå størrelse, fasthet og tilbehør langt nede på siden, adskilt fra prisen.
Forsiden på dagens seng.no
Dagens seng.no

To typer kunder

Kundene deler seg grovt i to. Noen vet nøyaktig hva de skal ha — et bestemt merke, en størrelse, en dyne de har hatt før. Andre står foran et stort kjøp og trenger veiledning: hvilken fasthet passer meg, og hva er forskjellen på skum og springmadrass?

Designet løser begge deler. Søk, filtre og merkesider gir de målrettede kundene en rask vei, mens kjøpsguider, FAQ og sengebyggeren gir trygghet til dem som trenger hjelp — uten at de må ringe butikken.

Informasjonsarkitektur

Den nye strukturen samler sortimentet i seks hovedinnganger som speiler hvordan kundene tenker: Seng & Madrass, Dyne & Pute, Sengetøy, Til hjemmet, Merker og Tilbud. Søk, Min side og handlekurv ligger alltid tilgjengelig i headeren.

Under hver inngang er kategoriene gruppert, for eksempel senger, madrasser og tilbehør under Seng & Madrass, slik at menyen blir kortere uten at noe blir borte.

Nettstedskart for den nye nettbutikken

Forsiden

Forsiden åpner med en kampanje, og rett under ligger en rad med kjøpsfordeler som fri frakt og rask levering. Kundevurderingene ligger synlig i toppbaren. Begge deler svarer på spørsmålene kunden har før de i det hele tatt begynner å lete: er dette en trygg butikk, og hva koster det å få varene hjem?

Deretter kommer store kategorikort, nyheter, populære merker og råd og inspirasjon — en tydelig vei videre for både den som vet hva de vil ha og den som bare kikker.

Den nye forsiden til seng.no
Forsiden
Store kategorikort for senger, madrasser, skapsenger og sovesofaer

Kolleksjonssider som hjelper deg å velge

Kolleksjonssidene kombinerer filtre for pris, størrelse, tilbud og merke med hurtigvalg øverst — som overmadrasser, overmadrass med split og formsydd — så de vanligste valgene er ett klikk unna.

Under produktene ligger en kort kjøpsguide og vanlige spørsmål om kategorien. Det hjelper usikre kunder å velge, og gir samtidig siden innhold som er verdifullt for søk. På mobil ligger filtrene bak ett ikon, slik at produktene kommer først.

Kolleksjonsside for madrasser på desktop
Kolleksjonsside for madrasser på mobil
Kolleksjonsside

Sengebyggeren

Den største UX-utfordringen var rammemadrassene. De settes sammen av flere deler, og prisen avhenger av alle valgene. Tidligere måtte kunden selv holde oversikt over farger, størrelser, overmadrass og ben.

Sengebyggeren deler kjøpet inn i tydelige steg — seng, overmadrass og ben — med bilde av hvert valg, lagerstatus per del og en totalsum som oppdateres fortløpende. Kunden ser hele tiden hva sengen koster og når den kan leveres, og legger alt i handlekurven med ett klikk.

Produktside for rammemadrass på desktop
Produktside for rammemadrass på mobil
Produktside
Sengebyggeren med valg av farge, overmadrass og ben

Handlekurv og kasse

Handlekurven åpnes som et panel fra siden i stedet for å sende kunden videre, slik at det er lett å fortsette å handle. En fremdriftslinje viser hvor langt det er igjen til fri frakt, og relevante produkter foreslås under.

Kassen er samlet på én side, med ordresammendraget synlig hele tiden og leveringsvalg som pakke til hentested, levering hjem eller henting i butikken i Tønsberg. Kjente betalingsløsninger som Klarna og Vipps vises tydelig.

Handlekurv som åpnes som et panel fra siden
Handlekurv
Kassen samlet på én side med ordresammendrag

Min side

Min side samler ordrer, adresser, kontaktdetaljer og ønskeliste. Ønskelisten gjør det enkelt å samle kandidater før et stort kjøp og komme tilbake senere — en vanlig adferd når man skal kjøpe seng eller madrass.

Ønskeliste på Min side

Veien videre

Når nettbutikken er lansert, vil jeg følge med på det som sier noe om designet faktisk virker:

  • Konvertering og frafall i handlekurv og kasse.
  • Hvor mange som fullfører sengebyggeren, og hvor de eventuelt stopper.
  • Bruk av søk og filtre på kolleksjonssidene.

Funnene blir grunnlaget for neste runde med forbedringer.

Ferdigheter i prosjektet

  • UX
  • Innsiktsarbeid
  • Informasjonsarkitektur
  • Skisser og wireframes
  • UI-design
  • Figma
Neste prosjektForaas Områdesikring →