Design for nettside og nettbutikk

Designsystem + 10 bransje-maler for norske nettsider og WooCommerce-nettbutikker

Bygget på WordPress & Blocksy · Grønberg Tech Solutions

Skreddersydd design på solid teknisk grunnmur – ikke en hyllevare-mal
Designsystem

Fargepalett

Varm, nøytral base med én aksent som hver kunde bytter. Det er nøkkelen til at 10 maler kan dele samme grunnmur men føles unike.

Merkevare#2b2b2b
Aksent#b88746
Tekst#1d1c1a
Tekst dempet#57544f
Bakgrunn#faf9f6
Bakgrunn alt#f2efe9
Suksess#2f7d57
Tilbud#b23b2e
Typografi

Tre valgbare fontpar

Par 1 – Elegant (default)
Fraunces
Hanken Grotesk – brødtekst med rolig, moderne følelse. Passer mote, foto, interiør.
Par 2 – Moderne
Space Grotesk
Inter – stram og teknisk. Passer sport, B2B, digitale produkter.
Par 3 – Redaksjonell
DM Serif Display
DM Sans – varm og fortellende. Passer mat, håndverk, helse.
Komponenter

Knapper, kort og skala

Knapper

Legg i kurv Se alle motiver Om fotografen Aksent-variant

Produktkort

Nordlys over Lofoten
fra 690 kr
Legg i kurv

Typeskala

Aa Display / clamp 3rem
Aa H2 / 1.75rem
Aa H3 / 1.375rem
Aa Brødtekst / 1rem
Bransje-maler

10 ferdige forsider

Alle malene har samme tekniske grunnmur (Lag 2), men eget innhold, fargebehandling og struktur. Variasjonen ligger i innholdet, ikke i ti separate kodebaser.

Foto & kunst

Norske landskap, signert og nummerert

Begrenset opplag fra mine egne turer gjennom norske landsdeler.

Se alle motiverOm fotografen
Fotoprint og kunst
front-page-foto.php
For fotografer som selger print i begrenset opplag (Steinar/fotovegg.no). Kategorier på landsdeler + Fine Art.
HeroUSPLandsdelerOpplagOm fotografenMaterialerKontakt
Mote & klær

Tidløs stil, laget for å vare

Kuratert utvalg av kvalitetsplagg – fra hverdagsbasis til signaturplagg.

Handle nyheteneSe kolleksjonen
Mote og klær
front-page-fashion.php
Klassisk nettbutikk-forside med hero, kategorier (Dame/Herre/Accessories), utvalgte plagg og anmeldelser.
HeroUSPKategorierUtvalgteOm ossAnmeldelserNyhetsbrev
Mat & delikatesse

Naturlig kvalitet, lokal opprinnelse

Håndplukket utvalg fra norske og europeiske småprodusenter.

Handle ferskvarerMøt produsentene
Mat og delikatesse
front-page-mat.php
For delikatesse/spesialmat. Fokus på opprinnelse, produsenter og kjølekjede. Kategorier: Bakeri/Ost/Pantry.
HeroUSPKategorierUkensProdusenterAnmeldelserSesongbrev
Sport & utstyr

Utstyret som bærer ambisjonene dine

Testet av oss, valgt med vilje. Utstyr for løping, sykkel og fjell.

Handle utstyrEksperttester
Sport og utstyr
front-page-sport.php
For sportsutstyr. Fokus på ekspertise og test. Moderne font (Space Grotesk). Kategorier: Løping/Sykkel/Tur.
HeroUSPDisiplinerBestselgereEkspertrådAnmeldelserTreningsbrev
B2B & engros

Volumpriser og direkte leveranse for næringsdrivende

Bedriftsavtaler, fakturasalg, fast kontaktperson.

Opprett bedriftskontoLast ned katalog
B2B og engros
front-page-b2b.php
For grossister/B2B. Fokus på volum, faktura, sertifiseringer. Kontakt-CTA i stedet for nyhetsbrev.
HeroUSPProduktområderKatalogSertifiseringerBedriftsref.Tilbud
Håndverk

Laget for hånd, laget for å vare

Små serier av nøye uttenkte produkter fra eget verksted.

Se utvalgetInn i verkstedet
Håndverk og småskala
front-page-handverk.php
For håndverkere/småskala-produsenter. Fokus på historie, små serier, signert. Dekker også hobby/nisje.
HeroUSPSerierTilgjengeligVerkstedetAnmeldelserKontakt
Helse & skjønnhet

Ro for huden, klarhet for hverdagen

Behandlinger og produkter laget for å passe sammen.

Book timeSe produkter
Helse og skjønnhet
front-page-helse.php
For hudpleie/klinikk/frisør. Lysere hero, booking-CTA, ingrediens-filosofi. Kombinerer tjeneste + produkt.
HeroUSPBehandlingerBestselgereFilosofiAnmeldelserNyhetsbrev
Hjem & interiør

Hjem som setter seg over tid

Møbler og tilbehør valgt for å vare i tiår.

Handle nyheter
Hjem og interiør
front-page-hjem.php
For møbel/interiør. Visuell asymmetrisk hero, romkategorier (Stue/Soverom/Kjøkken), designfilosofi.
HeroUSPRomUtvalgteFilosofiAnmeldelserNyhetsbrev
Digitale produkter

Verktøyene som faktisk sparer tid

E-bøker, kurs og maler du laster ned i samme øyeblikk du kjøper.

Bla i utvalgetPrøv gratis
Digitale produkter
front-page-digitalt.php
For e-bøker/kurs/maler. Ingen frakt. Egen «Slik fungerer det»-seksjon (kjøp→last ned→bruk).
HeroUSPKategorierBestselgere3 stegOm skaperNyhetsbrev
Tjeneste-hybrid

Jobb 1:1, ta et kurs, eller hent verktøyene selv

Tre veier å komme i mål – gjør det selv, lær med meg, eller jobb tett sammen.

Book en samtaleSe kurs
Tjeneste + produkt-hybrid
front-page-tjeneste.php
For konsulent/coach som selger BÅDE tjenester og produkter. 3 prisnivåer, metodikk, om-meg prominent.
HeroUSP3 nivåerSignaturMetodikkOm megResultater