blogg

blogg

Veiledning for WINE

opprettet den under Trender og inspirasjon | Antall Avlesninger: 1804

Veiledning for WINE

 

Vil du ha WINE på nettbutikken din?

WINE er en design som passer godt til nettbutikker med få produkter og som kun selger til ett marked.

Designen er klassisk, mørk og fungerer godt til delikatesseforretninger, vinhandlere osv.

WINE er en del av Palette-designen.

 

Denne veiledningen vil guide deg gjennom hvordan du får samme utseende som på WINE.

For å komme i gang med WINE på nettbutikken går du først inn på SmartWeb-løsningen din. Kontrollpanel > Designmanager > DesignStore: Velg Palette som design og bruk.

Når du redigerer Palette, velger du WINE under Temaer og trykker Lagre.

 

1. Logo

Logoen som brukes i dette eksempelet er laget i gratisprogrammet Canva. Du kan opprette en bruker på www.canva.com og lage et flott og profesjonelt visuelt innhold. Det viktigste i dette trinnet er at logoen din alltid skal ha en gjennomsiktig bakgrunnsfarge og lagres i filformatet PNG. Hvis du lagrer logoen din i JPG, vil det skapes en hvit bakgrunn til logoen din automatisk, slik at logoen får en hvit kasse rundt seg.

Du laster opp logoen din via Kontrollpanel > Design Manager > Rett Design > Grafikk og skrifttyper > Logotype: Grafikk > Logografikk nettside: Last opp logoen din. 

 

2. Bildeelement

Det store stemningsbildet er bildeelementet. Da det ikke er lastet opp flere bilder, vil ikke bildet roteres.

Jeg har brukt gratisprogrammet Canva til å lage bildet, hvor jeg har lastet opp mitt eget bilde og lagt ett av standardikonene deres med tekst over bildet.

For å få et av bildene dine på forsiden gjør du følgende:

Sidemeny > Forside > Forside > Bildeelement > Last opp bildet ditt i bredden 1240 px. Her har jeg brukt standardhøyden som er 440 px.

 

3.Sideinnholdet

Én måte å skille seg ut på med en standard design er ved å bruke sideinnholdet til noe. I sideinnholdet er det mulig å sette inn tekst og bilder.

Bildene skal fungere som forskjellige call-to-actions.

Bildene er, som bildeelementet, laget i gratisprogrammet i Canva, hvor jeg har lastet opp mine egne bilder og deretter lagt tekst over.

Når du skal sette inn bilder med tekst på, må de først og fremst være i samme størrelse, slik at det blir pent og ensartet.

Deretter settes de inn i forsidens sideinnhold: Sidetre > Forside > Forside > Sideinnhold.

 

Da SmartWebs designer er responsive, er det viktig å huske å sette inn innholdet sitt i kolonner. I dette tilfellet er det 2 kolonner. Dette gjør du slik:

Du klikker på knappen «Maler» og velger to kolonner. Deretter setter du inn bildene ved å klikke på knappen «Sett inn bilde» i øverste rekke. Dette gjør du i begge kolonnene.

 

Nå skal du sette inn lenker. Dette gjør du ved å markere et bilde og trykke på knappen «Sett inn / rediger hyperlenke».

 

På det andre bildet vil jeg lenke til butikken. Dette gjør jeg ved å åpne butikken ute på forsiden og kopiere det som står etter «.no». Dvs.: «/shop/».

Ved å gjøre det på denne måten sørger man for at lenken virker uansett hvilket domene man har.

 

4.Produktkategorier

Det siste punktet i denne veiledningen er produktkategoriene. Da det er bilder på produktkategoriene, kan det være en god idé å tenke på ensartetheten i utseendet. Hvis du f.eks. selger klær, er det en god idé at alle produktkategoriene enten er et produktbilde ELLER et stemningsbilde. Ikke begge deler samtidig. Dette kan se rotete ut.

I dette eksempel er produktkategoribildene stemningsbilder for å understreke det visuelle uttrykket på nettbutikken. 


Ingen kommentar(er)
Skriv kommentaren din

ALLTID GRATIS SUPPORT

Vi har mer enn 100 hjelpevideoer, en god online bruksanvisning og du har sjansen

å ringe og skrive til oss - gratis!