Den raskeste veien til et godt design er sjelden et blankt ark. Ved å studere hva som fungerer på andre nettsteder får du et tydelig utgangspunkt, som du så tilpasser kunden og bygger med KI. To av de beste kildene er ThemeForest og Awwwards.
To kilder, to formål
ThemeForest: det som selger
Populære WordPress-temaer på ThemeForest viser hvilke design som faktisk kjøpes. Det er et godt bilde på hva kunder forventer i dag, sortert etter bransje.
- Se hvordan seksjoner er bygd opp: hero, tjenester, referanser, priser og kontakt
- Finn bransjespesifikke mønstre, for eksempel for restaurant, advokat, håndverker eller nettbutikk
- Studer livedemoene, ikke bare forhåndsvisningsbildene
- Legg merke til hvordan undersider er strukturert, ikke bare forsiden
Awwwards: det som er nyskapende
Awwwards samler prisvinnende nettsteder vurdert av en jury. Her finner du trendene før de blir mainstream: typografi, animasjon, farger og uvanlige layouter.
- Bruk filtrene for kategori, farge og teknologi
- Hent ideer til detaljer: hover-effekter, overganger og typografiske grep
- Husk at mye her er spesialbygd. Ta med deg prinsippet, ikke hele løsningen
Arbeidsflyt: fra inspirasjon til ferdig side med KI
- Samle 3–5 referanser. Velg nettsteder som passer kundens bransje og målgruppe. Ta skjermbilder av seksjonene du liker.
- La KI analysere. Last opp skjermbildene i Claude og be om en beskrivelse av layout, seksjonsrekkefølge, typografi, farger og luft.
- Lag en designretning. Be Claude kombinere det beste fra referansene til én retning tilpasset kundens profil og innhold.
- Bygg sidestrukturen. Få en seksjon-for-seksjon-plan med overskrifter og innhold før du bygger noe.
- Bygg i WordPress. Med Novamira (åpnes i nytt vindu) bygger KI siden direkte i Elementor (åpnes i nytt vindu) eller Gutenberg, med ekte widgets og blokker.
- Kontroller. Be KI sjekke kontrast, overskriftsstruktur og mobilvisning opp mot WCAG.
Eksempel på prompt
«Her er skjermbilder av tre nettsteder jeg liker. Beskriv layout, seksjonsrekkefølge, typografi og fargebruk. Lag deretter en designretning for en regnskapsbedrift i Arendal som skal virke trygg, moderne og personlig. Foreslå seksjonene på forsiden med overskrifter og kort innhold.»
Inspirasjon, ikke kopi
- Kopier aldri tekst, bilder, logoer eller kode fra andres nettsteder
- Bruk referansene til å forstå hvorfor noe fungerer, og lag din egen versjon
- Kjøper du et tema på ThemeForest, gjelder lisensen bare det du har kjøpt
- Kundens innhold, merkevare og mål skal alltid styre designet
Sjekkliste
- Passer referansene kundens bransje og målgruppe?
- Er designet realistisk å bygge i Elementor (åpnes i nytt vindu) eller Gutenberg?
- Fungerer det på mobil?
- Oppfyller farger og typografi kravene til universell utforming?