Alle prosjekter

Shoplabs

Ny nettside for et norsk kassesystem og nettbutikk — spisset mot små butikker, med «Få demo» i sentrum og en blogg bygget for SEO.

Kunde
Shoplabs
År
2026
Type
Webdesign
Hero på den nye forsiden til Shoplabs

Hva trengte kunden?

En moderne og konverteringssterk nettside som posisjonerer Shoplabs som totalleverandør og partner for små butikker — med tydeligere struktur, mer sosialt bevis og en blogg som gir organisk trafikk.

Hva ble laget?

Workshop og behovskartlegging, nytt nettstedskart, skisser og visuell retning, og design av forside, tjeneste-, bransje-, blogg- og demosider i Figma. Siden er lansert på shoplabs.no.

Hele historien

Bakgrunn og utfordring

Shoplabs leverer kassesystem og nettbutikk til små og frittstående butikker i Norge. Nettsiden var åtte år gammel: utdatert design, uklar meny, et lite spisset budskap og en blogg og referanser som ingen så. I workshopen med kunden fant vi seks behov:

  • Spissere budskap — totalleverandør og partner, ikke bare systemleverandør.
  • Tydelig struktur — egne innganger for garn og tekstil, klær og interiør.
  • Flere leads — «Få demo» som hoved-CTA, med en kortere demo-flyt.
  • Trygg migrering — det skal være enkelt å bytte system.
  • Mer sosialt bevis — kundehistorier og logoer i front.
  • Mer organisk trafikk — en moderne blogg bygget for SEO.

Min rolle: workshop, struktur, skisser, visuell retning og UI-design i Figma. Status: lansert på shoplabs.no.

Den gamle forsiden til Shoplabs
Den gamle forsiden

Nettstedskartet

Menyen er bygget rundt det kunden leter etter: tjenester (kasse, nettbutikk, kombinert løsning og integrasjoner), bransjer, priser og ressurser som blogg og kundehistorier. «Få demo» ligger alltid synlig.

Nettstedskart for den nye nettsiden til Shoplabs

Fra skisse til retning

1. AI-konsepter. Jeg brukte Lovable til å teste struktur og innhold raskt. Rekkefølgen på seksjonene var nyttig, men uttrykket ble generisk.

Fire konsepter for Shoplabs generert med Lovable
Konsepter generert med AI i Lovable

2. Skisser i Figma. Jeg tok strukturen videre og testet mørk og lys hero, ulike CTA-farger og bildebruk.

Tre skisser av forsiden med ulik hero og fargebruk
Skisser av forsiden

3. Resultatet. En lys og luftig base, dyp petrol for tyngde og gult på «Få demo» så hoved-CTA-en alltid skiller seg ut. Ekte system- og miljøbilder fra butikker erstatter generiske illustrasjoner.

Forsiden

Hver seksjon svarer på et behov fra workshopen:

  • Budskap → «Mer tid i butikken. Mindre tid bak skjermen.» og en tillitslinje rett under CTA-en.
  • Totalleverandør → kasse, nettbutikk og kombinert løsning samlet på én plattform.
  • Migrering → egen seksjon om trygg overgang til nytt system.
  • Sosialt bevis → kundehistorier, kundelogoer og tall fra plattformen.
Hero på den nye forsiden til Shoplabs på desktop
Hero på den nye forsiden til Shoplabs på mobil
Forsiden
Seksjonen «Alt du trenger, på én plattform» med nettbutikk, kassesystem og kombinert løsning
Seksjonen «Trygg overgang til nytt system»
Kundehistorier fra butikker som bruker Shoplabs

Bransjesider

Hver bransje får sin egen side med utfordringene den kjenner igjen — for garnbutikker handler det om mange varianter og sesonger, for klesbutikker om størrelser og farger.

Bransjesiden for garn og tekstil

Blogg og demo

Blogg. Bloggen er bygget for SEO, med kategorier, tydelige CTA-er i artiklene, relaterte innlegg og påmelding til nyhetsbrev.

Oversikten over Butikkbloggen med kategorier

Demo. Demo-skjemaet er kortet ned til én side med få felt, og kundeomtaler ved siden av gir trygghet i siste steg.

Skjemaet for å bestille gratis demo

Ferdigheter i prosjektet

  • Innsiktsarbeid
  • Informasjonsarkitektur
  • Skisser og wireframes
  • UI-design
  • Konverteringsoptimalisering
  • Figma
Neste prosjektSeng.no →