Alle prosjekter

Atelier 88

Én av rundt 14 nettbutikker designet for Shoplabs — med et Figma-oppsett bygget for at utviklerne skulle kunne lage ferdige butikker raskt og sømløst.

Kunde
Atelier 88 / Shoplabs
År
2025
Type
Nettbutikk og designsystem
Forsiden til Atelier 88

Hva trengte kunden?

Små butikker med små budsjetter trengte nettbutikker som føltes egne — og utviklerne trengte design de kunne bygge raskt, uten å gjette på avstander og størrelser.

Hva ble laget?

Et felles Figma-oppsett med grid, variabler for desktop og mobil og ferdige seksjonskomponenter — brukt til å designe rundt 14 nettbutikker, blant dem Atelier 88.

Hele historien

Bakgrunn

Gjennom et samarbeid med Shoplabs redesignet jeg nettbutikker for små og nyetablerte butikker — rundt 14 i alt. Jeg overtok arbeidet fra en annen designer og bygget videre på det. Atelier 88, en interiørbutikk, er én av dem.

To ting gjorde oppdraget krevende:

  • Utviklerne skulle kunne bygge designet sømløst. Overgangen fra Figma til ferdig nettbutikk tok for lang tid.
  • Budsjettene var små. Mange butikker måtte designes på en halv dag — og likevel føles egne og gjennomarbeidede.

Min rolle: design av nettbutikkene, og — i samråd med utviklerne og produktleder — ansvar for å optimalisere designelementer, komponenter og variabler. Status: lansert på atelier88.no.

Bygget for utviklerne

Sammen med utviklerne og produktleder strukturerte jeg Figma-filen slik de faktisk bygger: et felles grid, avstander og typografi som variabler med egne verdier for desktop og mobil, og seksjoner som ferdige komponenter med samme navn som i koden. Da kunne de lese verdiene rett over, i stedet for å måle og gjette.

Oversikt over Figma-variabler for spacing, typografi og grid, med verdier for desktop og mobil
Variabler med desktop- og mobilmodus
Grid, spacing og knapper fra designsystemet
Grid, spacing og knapper

Rask, men ikke generisk

Fordi grunnmuren var lik, kunne tiden brukes der den synes: farger, typografi, bilder og små detaljer som gir hver butikk sin egen karakter. For Atelier 88 betydde det en rolig, eksklusiv stil med serif-overskrifter og store, varme interiørbilder — en butikk som føles kuratert, ikke som en mal.

Produktseksjonen som ferdig komponent
Seksjoner som ferdige komponenter
Megameny med kategorier og bilder

Resultatet

Atelier 88 er en av rundt 14 nettbutikker jeg designet i dette oppsettet. Siden er bygget på Shoplabs og lansert på atelier88.no.

Forsiden til Atelier 88 på desktop
Forsiden til Atelier 88 på mobil
Den lanserte nettbutikken
Kategorier som stue, bad og velvære, belysning og kjøkken

Ferdigheter i prosjektet

  • UI-design
  • Designsystem
  • Figma-variabler
  • Komponenter
  • Nettbutikk
Neste prosjektEtisk Handel Norge →