Sådan designes en produktside


Produktsideskabeloner, væsentlige funktioner og eksperttips

Så dig’re opsætning af din egen online butik – tillykke!


Der er mange trin til e-handel med succes, fra produkter af høj kvalitet til en smuk destinationsside, men en af ​​de vigtigste ingredienser er en godt designet produktside. Uden dette væsentlige vil selv de hotteste produkter ikke sælge.

Hvorfor er design af produktsider så vigtig? I gennemsnit resulterer kun 3% af besøg i online butikker i et køb – og hele 69% af indkøbsvogne ender med at opgive.

For at kæmpe mod disse mindre end tiltalende statistikker skal du give kunderne den glateste rejse til kassen som muligt. Og det’s hvor vores top produktside designtips kommer ind…

7 trin til succesrig produktside

  1. Brug produktbilleder i høj kvalitet
  2. Vis klar pris
  3. Opret overbevisende opfordring til handling
  4. Skriv informative produktbeskrivelser
  5. Udnyt social bevis
  6. Giv nøjagtige produktanbefalinger
  7. Forbliv konsekvent!

Hvad enten du’er en første gang sælger eller ønsker at øge salget i din eksisterende butik, vi har nogle af de bedste tip til at oprette en virkelig effektiv produktside.

Vi’Jeg leder dig gennem de vigtigste designelementer, du har brug for for en vindende produktside, sammen med fantastiske eksempler, der inspirerer dig, og detaljerede tip til, hvordan du sætter disse puslespil sammen på din egen produktside..

Vi har endda designskabeloner til at guide dig gennem de bedste måder at placere din produktside på, med virkelige eksempler på hvert design. Vi’Vi har brugt vores ekspertviden til at oprette disse skabeloner ved hjælp af mange års erhvervserfaring for at hjælpe dig med succes.

Klar til at skabe noget smukt? Lade’går

Før du starter

Før du springer ind i designet af dine produktsider, er der et par grundlæggende, som du allerede skal kende. De vigtigste er:

  • Din målgruppe
  • Din brand identitet
  • Dit farveskema

At kende ins og outs for hvert af disse områder vil ikke kun gøre design af dine produktsider lettere, men det vil også gøre dem meget mere effektive. Klik på ikonerne nedenfor for at lære lidt mere om hvert område, og hvordan det kan hjælpe dig med at oprette mere effektive produktsider – ellers spring direkte til trin 1!

# 1. Brug produktbilleder i høj kvalitet

Hvor sidder produktbilleder på din produktside? Over folden

Produktbilleder skal altid sidde over folden, fordi de’er normalt den ting, som de fleste kunder ønsker at se først for at hjælpe med at træffe en købsbeslutning. Faktisk anser 93% af forbrugerne, at billeder er vigtige, når de træffer købsbeslutninger. Sæt dem med stolthed på deres produktside!

Vent op! Hvad betyder over folden faktisk?

Hvis der er noget “over folden”, det betyder, at du ikke gør det’t er nødt til at rulle ned på en webside overhovedet for at se den – i stedet for den’s vises øjeblikkeligt på den øverste del af siden. Hvis der er noget “under folden”, det betyder, at du skal rulle ned for at finde den.

Den første ting, du har tendens til at tænke på, når du planlægger en produktside, er produktbilleder, og med god grund. Produktbilleder er en af ​​de vigtigste funktioner på enhver produktside – tænk på dem som grundlaget for dit produktsidesign.

Kunderne vil vide nøjagtigt, hvad det er de’køber igen – de kan’t afhent dine produkter og se på dem, som om de var i en butik i virkeligheden, men de kan se gennem dine produktbilleder.

Jo bedre dine produktbilleder er, jo sværere arbejder de for dig ved at overtale kunder om, at dette er produktet for dem, og jo lettere bliver dit job. Vi’Jeg leder dig gennem de gyldne regler for at få mest muligt ud af dine produktbilleder – klik blot på + -ikonerne nedenfor!

Produktbilleder: Hvem gør det bedst?

Modcloth – til at vise modeller i forskellige størrelser fra flere vinkler

hvordan man designer et produktside modcloth produktfotohvordan man designer et produktside modcloth produktfoto 2 Før du går videre, skal du sørge for, at du har:

  • Tag fotos af høj kvalitet af dine produkter
  • Viste dine produkter fra alle vinkler
  • Viste produktvarianter
  • Tagede nærbilleder for at vise produktdetaljer
  • Tænkte over, hvordan man viser kontekst på dine produktbilleder

Find ud af mere

  • Lær mere om Sådan tages produktbilleder at starte dine produktsider!

# 2. Vis klar pris

Hvor sidder priserne på din produktside? Over folden

Prisfastsættelse skal altid vises tydeligt over foldendon’t få dine kunder til at gå på jagt for at finde ud af, hvor meget dine produkter koster!

Ingen vil købe et produkt uden først at vide, hvor meget det koster, så det’det er en god ide at placere det højt oppe på siden. Du skal normalt placere den tæt på produktets titel eller “Læg i kurv” knap.

Uanset hvor awesome dine produkter er, vil folk vide prisen, før de foretager et køb. Så det giver mening, at du skal vise priser så tydeligt som muligt på din produktside!

Selv hvis dit produkt er temmelig dyrt, skal du stadig sætte prisen stolt af sted – i nærheden af ​​produktets titel eller tæt på “Tilføj til kurv” knap er et smart designvalg. Dette skyldes, at kunder normalt automatisk trækkes til disse områder, hvilket gør prisen let at se.

Andre måder at hjælpe prisen med at skille sig ud inkluderer:

  • Brug af en større skriftstørrelse – din pris skal være et af de største elementer på siden
  • Brug af en kontrastfarve at lave prisen “pop”
  • Fremhæv eventuelle rabatter – Vis den oprindelige pris ved siden af ​​den nye, billigere pris, og vær opmærksom på besparelser

Hvis din pris ikke er’t med det samme ryddes, så snart du lander på produktsiden, skal du revurdere dit design – start med at anvende ovenstående tip, og test det derefter ud på venner, familie eller kolleger for at se, hvor hurtigt de kan se prisen.

Klar prissætning: Hvem gør det bedst?

Made.com – for at have store priser højt oppe på siden og vise salgsprisen tydeligt

hvordan man designer en produktside made.com-prissætning Før du går videre, skal du sørge for, at du har:

  • Placerede din produktpris tydeligt på siden over folden
  • Tænkt på måder at få det til at skille sig ud, som at justere farve og størrelse

Find ud af mere

  • Lær mere prissætningstips og -tricks i vores guide til Sådan pris et produkt

# 3. Opret overbevisende opfordring til handling

Hvor sidder opfordring til handling på din produktside? Over folden

En opfordring til handling (eller CTA) er normalt en knap eller et link, der beder brugerne om, ja, at tage handling! Eksempler inkluderer “Læg i kurv” knapper, “Tilmeld dig her” former og “Handle kollektionen” invitationer.

Din CTA skal altid sidde over folden, fordi det’er en væsentlig del af at få konverteringer. Hvis folk elsker dit produkt, men kan’t finde knappen til faktisk at købe den, gæt hvad – du’Jeg mister salget!

Opfordring til handling-knapper (eller CTA’er) er en kritisk del af kundereisen fra browsing til køb. At få shoppere til at klikke på din CTA er hovedmålet for din produktside, så det er’det er værd at tage sig tid til at få det rigtigt.

Uden en CTA kan shoppere’t føje de produkter, de elsker, til deres kurv, hvilket betyder, at du går glip af deres køb – hvilket er mindre end ideelt, når du’prøver igen at tjene penge!

Dette betyder det’er vigtigt at have dit CTA højt oppe på siden – det skal være let synligt, let at klikke på og let at forstå. Her er vores bedste tip til at få mest muligt ud af din opfordring til handling:

  • Placer den højt op på siden, over folden – du ser normalt CTA’er ved siden af ​​produktbilledet under de grundlæggende produktoplysninger. Du skal kunne se CTA på under tre sekunder!
  • Få det til at skille sig ud ved at bruge en lys eller kontrastfarve – dette hjælper med at fange opmærksomhed og leder kunden’s blik mod knappen.
  • Gør knappen stor nok til at klikke på – om det’s med en mus på skrivebordet eller en finger på mobilen, bør CTA-knappen være stor og let nok til at klikke første gang.
  • Tænk på dit sprog – CTA’er for de fleste produktsider siger “Tilføj til kurv” eller “Køb nu”, som er eksempler på direkte, kommanderende sprog. Uanset hvilken formulering du vælger, skal du sørge for, at den klart fortæller kunden, hvilken handling de udfører ved at klikke på knappen.

Opfordring til handling: Hvem gør det bedst?

Netflix – til perfekt brug af farveskema for at gøre dets CTA skiller sig ud

hvordan man designer en produktside netflix opfordring til handling Før du går videre, skal du sørge for, at du har:

  • Besluttet, hvor du skal placere din CTA-knap på din produktside
  • Designet en stor, lys, let at se knap
  • Tænkte på ordlyden du’Jeg har din CTA for at opmuntre kunderne til at klikke

Find ud af mere

Tjek vores Sådan skrives en opfordring til handling guide til at finde ud af, hvordan du skriver mere kraftfuld og overbevisende kopi til din produktside.

# 4. Skriv informative produktbeskrivelser

Hvor sidder produktbeskrivelser på din produktside? Over og under folden

Produktbeskrivelser giver kunderne mere information om produktet, end et billede alene kan give. Det’det er en god ide at have en kort og sød produktbeskrivelse over folden, som er let at scanne hurtigt, og derefter en længere, mere detaljeret version længere nede på siden for kunder, der ønsker mere information.

Produktbeskrivelser er som stilladser, der er bygget op omkring dine produktbilleder – de understøtter produktbillederne og hjælper kunden med at forstå, hvad produktet er, og hvorfor de skal købe det.

Kort sagt, produktbeskrivelser er din chance for at blive overbevisende og virkelig sælge produktet, som om du stod ved siden af ​​din kunde i butikken.

De fleste shoppere er på udkig efter hurtige, lette og scannable produktsider, så du skal skrive en kort, snappet og sød beskrivelse for at sidde over folden ved siden af ​​produktbillederne. Derefter længere nede på siden kan du få en lidt længere, mere detaljeret beskrivelse, der kommer ind i produktets ins og outs.

Produktbeskrivelser: Hvem gør det bedst?

Frodige – for at kende sit publikum og blive kreative for at hjælpe kunderne med at forestille sig produktet

hvordan man designer en produkts frodig produktbeskrivelse Før du går videre, skal du sørge for, at du har:

  • Så den bedste placering til dine produktbeskrivelser
  • Skrivet en kort, snappy beskrivelse og en længere, mere detaljeret version
  • Fulgte vores top tip til at skrive effektive produktbeskrivelser

Find ud af mere

  • Ønsker du flere tip til oprettelse af bedre produktbeskrivelser? Se vores ultimative guide om Sådan skrives produktbeskrivelser for flere detaljer.

# 5. Udnyt social bevis

Hvor sidder socialt bevis på din produktside? Over og under folden

Du skal altid vise produktet’s stjerneklassificering over folden, fordi dette er et vigtigt salgssted, som de fleste kunder vil se med det samme. Det’Det er så vigtigt at have fulde kundeanmeldelser nede på siden, i tilfælde af at kunderne vil gennemse hvad andre har sagt om produktet.

Socialt bevis er det fænomen, hvor folk er mere tilbøjelige til at gøre (eller købe) noget, fordi de ser andre gøre det samme. Det’hvorfor vi slutter sig til køer til travle restauranter og trækker hen mod skarer, og det’hvorfor kundevurderinger og ratings er så vigtige.

Vidste du, at 97% af forbrugerne siger, at online anmeldelser påvirker deres købsbeslutninger?

At’hvorfor det’er vigtigt at have en form for socialt bevis over folden, så det’s er øjeblikkeligt synligt for online-shoppere. Den mest populære måde at præsentere socialt bevis på er at vise produktet’s stjernebedømmelse nær produkttitlen.

Da dette designlayout er så almindeligt, forventer dine kunder at se en stjerneklassificering med det samme – så don’t få dem til at lede efter det!

Du skal også medtage kundevurderinger længere nede på siden, så kunderne let kan se, om produktet er populært, og hvorfor andre nød at bruge det. Dette er vigtigt, fordi kunderne har tillid til kundevurderinger 12 gange mere end produktbeskrivelser skrevet af sælgeren!

Top Tip!

Don’t slette eller ignorere negative anmeldelser – det vandt’t vinder dig nogen fordel med dine kunder. I stedet skal du altid svare høfligt på klager og løse eventuelle problemer så hurtigt og professionelt som muligt. Dette vil inspirere kunderne’ tillid til din virksomhed!

Andre eksempler på socialt bevis, du kan udnytte på din produktside, inkluderer:

  • Alarmer med lavt lager – dette skaber uopsættelighed og udløser en frygt for at gå glip af!
  • En meddelelse, der fortæller kunden, hvor mange andre kunder, der har set eller købt dette produkt inden for den sidste time – dette fungerer som en virtuel kø eller skare, og viser kunden, at andre mennesker også er interesseret i produktet.
  • “Kunder har også set / købt” produktanbefalinger – dette kombinerer socialt bevis med krydssalg og er en fantastisk måde at opbevare din shopper i din butik.

Socialt bevis: Hvem gør det bedst?

Amazon – til at placere kundevurderinger og anmeldelser i hjertet af dets produktsider

hvordan man designer en produktside amazon social proof Før du går videre, skal du sørge for, at du har:

  • Faktorerede stjernevurderinger og anmeldelser af dit produktsides design
  • Tænkte på de andre måder, du kan tilføje socialt bevis på dine produktsider

Find ud af mere

  • Ønsker du at lære mere om kraften i socialt bevis, og forbedre din markedsføring, mens du’er du ved det? Se vores infografiske udforskning Sådan bruges onlineanmeldelser til at markedsføre til forskellige generationer for nogle overraskende fakta!

# 6. Giv nøjagtige produktanbefalinger

Hvor sidder produktanbefalinger på din produktside? Under folden

Produktanbefalinger er en nyttig og effektiv måde at holde kunder på dit websted, øge værdien af ​​hver transaktion og skabe en mere personlig shoppingoplevelse. Produktanbefalinger er imidlertid’t vigtigt for at få kunder til at konvertere og kan endda distrahere dem fra det produkt, de har’ser i øjeblikket.

At’s hvorfor produktanbefalinger placeres bedst under folden.

Så din kunde har tilføjet et produkt til deres kurv – hør! Men hvad nu? De tjekker måske simpelthen ud eller klikker målløst omkring dine andre produkter lidt. At’Det er okay, men hvad nu hvis der var en bedre måde at holde kunderne shoppe efter at have set et produkt?

Hej til produktanbefalinger!

Tænk på disse som disse autoplay-videoer på YouTube, hvor du går for at se en enkelt video og derefter finder dig selv tre timer senere, når du ser katte banke briller fra bordene. Produktanbefalinger foreslår forskellige produkter, som kunden kan lide, baseret på hvad de har’ser i øjeblikket.

Hvis du kan give nøjagtige og nyttige produktanbefalinger, det’er en fantastisk måde at sikre et andet køb – og at holde en kunde på stedet, selvom de ikke gjorde det’t kan lide det første produkt, de har set.

Amazon er den ubestridte leder, når det kommer til produktforslag – er du nogensinde blevet suget ind af dens “anbefalet til dig” karruseller? Alternativer inkluderer:

  • “Kunder har også købt” lister
  • “Lignende genstande” forslag
  • “Bedste valg til dig” anbefalinger

Du kan endda opfordre flere mennesker til at oprette konti til din butik ved at love bedre skræddersyede anbefalinger – dette skaber en mere personlig shoppingoplevelse og kan også øge engagementet.

Top Tip!

hvis du’er lige ved at komme i gang og ikke’t ønsker at få for tekniske, e-handelsbyggere som Shopify inkluderer produktanbefalingsafsnit i nogle af deres temaer. Det betyder det’er allerede indbygget i din butik, når du begynder at bygge!

En anden måde at foreslå produkter er at have andre produkter til salg inden for produktfotos. For eksempel kan en model have på sig støvler og et nederdel samt en jumper, og kunder kan det også “shoppe udseendet” eller “komplet sæt” – og fyld deres kurv undervejs!

Produktanbefalinger: Hvem gør det bedst?

ASOS (fordi vi kan’t lægger Amazon to gange!) – for at overtale kunder til at fuldføre deres look

asos produktanbefalinger Før du går videre, skal du sørge for, at du har:

  • Opret produktanbefalinger
  • Så på forskellige måder at markedsføre relaterede produkter
  • Besluttede, om du selv vil kode anbefalinger, bruge en app eller starte med en e-handelsbuilder

# 7. Bliv konsekvent!

Okay, dette er ikke’t en faktisk designfunktion, som du skal inkludere på dine produktsider, men det er en vigtig designregel…

Uanset om du vælger at implementere alle disse funktioner på din produktside (som vi varmt kan anbefale), tilføje ekstramateriale eller bare vælge nøgleelementer, dine produktsider skal altid være ensartede.

Hvad du end gør, don’t hugg og ændre dine designvalg, fordi det vil forvirre kunder og distrahere dine produkter!

Dette gælder blandt andet for:

  • farver
  • Skrifttyper
  • Billedstørrelser
  • Sidestruktur (dvs. hvordan alt er lagt op)
  • Stemtone (i produktbeskrivelser osv.)

Nu hvor vi’Vi har ledt dig gennem de vigtigste vigtige elementer, du har på din produktside, undrer du måske nøjagtigt, hvordan du har det’jeg skulle passe dem alle sammen. Som det sker, det’er nøjagtigt hvad vi’vil vise dig næste!

Sådan lægger du din produktside op

Så dig’Vi har fået alle de væsentlige elementer nede – produktbilleder, priser, beskrivelser, socialt bevis og mere, alt sammen klar til at gå. Men at sætte dem alle sammen på en enkelt side kan virke lidt overvældende – du vil undgå rod, mens du stadig lader alle de vigtige ting skinne.

Heldigvis, vi’Vi har nogle industrihemmeligheder at dele med dig om det’Jeg gør det lettere at sammensætte din produktside. Vi’vil dele de tre vigtigste produktsideskabeloner med dig og hjælpe dig med at beslutte, hvad der er bedst for dig!

Skabelon 1: Den universelle produktside

Bedst til nye sælgere, velegnet til enhver type produkt

hvordan man designer en produktside universel skabelon 1

Dette produktsidesign er det mest almindelige, så du’Jeg vil sandsynligvis genkende det!

Hvorfor fungerer det så godt? Fordi folk læser fra venstre mod højre, ser de først produktbilledet – hvis de kan lide det, de ser, så er de’Jeg holder sig rundt på siden for at lære mere om produktet og se, om de vil købe det.

Du’Jeg vil bemærke, at produktets titel, pris, stjerneklassificering og “Tilføj til kurv” CTA kommer alle højt oppe på siden, over folden.

Skabelon 2: Den billedfokuserede produktside

Bedst til kreative eller visuelt tiltalende produkter som smykker, kunst eller møbler

hvordan man designer et produktsidebillede med fokuseret skabelon 2

Denne skabelon er perfekt, hvis du vil vise dine produkter, fordi fotos er hovedfokus på produktsiden. Hvis du vælger dette design, skal du sikre dig, at dine fotos er af højeste kvalitet!

Dette er et virkelig iøjnefaldende skabelondesign, der sætter dine produkter i spidsen for siden – kunder kan derefter fortsætte ned ad siden for at finde ud af mere information. Stadig er alle de vigtige ting over folden, hvilket gør livet let for mere afslappede browsere.

Don’t vælg denne skabelon, hvis du’re sælger produkter, der er’t sælges af deres udseende – for det kan du tjekke den tredje skabelon i stedet!

Skabelon 3: Funktionsfokuseret produktside

Bedst til funktionelle produkter, der er mere afhængige af funktioner end udseende, såsom tech og DIY-værktøjer

hvordan man designer en produktsidefokuseret skabelon 3

Denne produktsideskabelon er perfekt, hvis dine produkter’ funktioner er salgsstedet snarere end deres visuelle æstetik. Eksempler inkluderer tech, digitale apparater og mekaniske værktøjer – alt, hvor dets funktion er hovedårsagen til køb.

Denne skabelon fokuserer på produktbeskrivelsen og specifikationen og gør opmærksom på funktionerne først. Produktbillederne tjener til at sikkerhedskopiere den skriftlige information snarere end den traditionelle taktik, hvor produktbillederne er i centrum.

Hvis du vælger denne skabelon, du’Jeg bliver nødt til at tænke mere på dit skriftlige indhold – dig’bruger du ikke billeder til at lokke dine kunder, men snarere dine produktbeskrivelser. Vær sikker på at du’geninformativ, beskrivende og adresser eventuelle spørgsmål eller bekymringer, som kunden måtte have med det samme.

Roundup af vores foretrukne produktsider

Nu kender du de væsentlige dele af en produktside og de bedste tre måder at sammensætte disse dele på. Det’er som et puslespil, der tjener dig penge, når du får det rigtigt!

Vi kunne ikke’modstå at samle et par af de allerbedste produktsider fra onlinebutikker på nettet, så du kan bruge det som inspiration. Nogle af dem forkæmper produktvideoer, mens andre genovervejer, hvordan man viser produktanbefalinger – uanset hvad lykkes det alle med at skabe virkelig fantastiske produktsider!

Bellroy

bedste produktsider bellroy

Bellroy går direkte ind med en autospilende produktvideo i stedet for det traditionelle produktbillede. Det gør et godt stykke arbejde at give kunden alle de vigtige oplysninger over folden uden at rodet på produktsiden.

Nordstrom

bedste produktsider nordstrom

Nordstrom går ud af sin måde at hjælpe kunden med at tage den bedste beslutning, fra at give ekstra passende information til et interaktivt “Hvilken størrelse passer mig?” quiz. Det “Folk kikkede også på” sektionen til højre og antallet af andre shoppere, der ser varen, giver et stort socialt bevis.

Fabletics

bedste produktsider fabletik

Fabletics giver klar information om, hvilken størrelse modellen har på sig, og giver sammenhæng inden for fotografiet, der fremhæver den største fordel ved produktet – det faktum, at det har lommer! At tilbyde billigere priser for VIP-medlemmer tilskynder tilmeldinger, og opfordringen til handling skiller sig ud uden at være for rå.

Stor vild tanke

bedste produktsider stor vild tanke

Big Wild Thought blander sit produktsidesign ved at placere produktfotoet til venstre og have tilpasningsmuligheder på venstre side. Brug af knapper gør det nemt at vælge dit produkt, mens muligheden for at tilføje en kurv eller købe med det samme med PayPal er en fantastisk måde at reducere forladte vogne!

Resumé

Vi’Vi har kigget på de vigtigste og mest vigtige funktioner, der skal inkluderes på din produktside, fra produktbilleder til kundeanmeldelser, og ledte dig gennem de bedste måder at udforme dit produktsidesign.

Oprettelse af en effektiv produktside er ikke’t noget, som du’Det er sandsynligt, at du bliver færdig i et møde, så her’er en oversigt over de vigtigste ting, du skal huske, når du designer din produktside:

Sådan designes en produktside: 7-trins genopsætning

  1. Brug produktbilleder i høj kvalitet
  2. Vis klar pris
  3. Opret overbevisende opfordring til handling
  4. Skriv informative produktbeskrivelser
  5. Udnyt social bevis
  6. Giv nøjagtige produktanbefalinger
  7. Forbliv konsekvent!

Andre vigtige funktioner inkluderer tilpasningsmuligheder, information om forsendelse og returnering og et FAQ-afsnit. Der er tre hovedskabeloner, du kan følge, afhængigt af hvilken type produkter, du sælger, og masser af gratis e-handelsskabeloner, der hjælper dig med at komme i gang med dine design.

Husk, at hovedformålet med enhver produktside er at overtale kunder til at føje produktet til deres kurv og derefter gennemføre købet – så sæt altid kunden i spidsen for dine designbeslutninger.

Glad at designe og sælge – og du er velkommen til at vende tilbage og fortælle os, hvordan du går videre!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map