Et avgjørende element når du åpner en nettbutikk, er hvor tiltalende produktsidene er. Innholdet, bilder, grafikk, farger, ord og typografi utgjør hjertet av nettsider og kan bidra til at besøkende legger inn en bestilling.
Det er en god idé å bruke mer tid på produktsidene enn hovedsiden og annet innhold som “Om oss”. Ved å forbedre det grunnleggende på produktsidene – fra beskrivelser til bilder og interaktive elementer som fremhever fordelene med produktet ditt – kan du overbevise besøkende til å kjøpe produktet ditt.
Når du bygger produktsider med en netthandelsplattform, har du en mengde designalternativer å velge mellom. I denne artikkelen har vi samlet noen av de beste eksemplene på produktsider fra nettbutikker, som du kan bruke som inspirasjon til å veilede beslutninger og velge produktsidedesign.
Hva er en produktside?
En produktside er en komponent av en nettbutikk hvor potensielle kunder kan lære om produktets funksjoner, fordeler og priser. Produktsider oppfordrer også nettsidebesøkende til å kjøpe produktet.
Grunnleggende produktsider har interaktive elementer som lar brukere velge alternativer som størrelse og farge samt legge produkter i handlekurven.
De fleste produktsider går utover disse grunnleggende funksjonene ved å inkludere informativt innhold som bilder av høy kvalitet, detaljerte beskrivelser, kundevurderinger og sammenligning av produkter.
Gode produktsider lister ikke bare opp detaljer, men viser også hvordan et produkt kan bidra til å løse et problem eller forbedre kundens liv.
Vi ser i dag en utvikling mot at de beste produktsidene blir stadig mer interaktive og personlige. De kan inneholde videoer, 3D-modeller eller utvidet virkelighet som hjelper kunder med å forstå produktet bedre. De kan også gi personlige anbefalinger eller live chat-støtte for å etterligne opplevelsen i butikk.
19 eksempler på flotte produktsider
La oss se på noen av de beste produktsidene bygget med Shopify for å se hvordan de med forteller overbevisende produkthistorier, knytter seg til kunder og driver salg.
- Master & Dynamic
- Figs
- Kit and Ace
- Love Hair
- Dr. Squatch
- Holstee
- Kettle & Fire
- Hiya
- Studio Neat
- Leesa
- Outdoor Voices
- Luxy Hair
- PooPourri
- Rocky Mountain Soap
- United By Blue
- Sixty-Nine
- Manitobah Mukluks
- Perfect Keto
- Johnny Cupcakes
1. Master & Dynamic
Master & Dynamic anvender alle de etablerte beste praksisene for produktsider for å maksimere kundekonverteringer for sine trådløse hodetelefoner.
Produktbeskrivelsen fokuserer på relaterbare fordeler, ikke bare tekniske detaljer. Kunder kan lett forestille seg hvordan det er å “høre favorittsangene dine på en helt ny måte” og nyte “pendling, arbeidsdager og musikkøyeblikk uten å bruke tid på å måtte koble til”.
For teknisk interesserte kunder er det også en enkel, men omfattende liste over tekniske spesifikasjoner. Og for de som er usikre, finnes det en funksjon for å sammenligne hodetelefoner med lignende produkter i butikken.
Andre designelementer du kan legge merke til:
- Et bredt utvalg av bilder med nærbilder av viktige produktdetaljer samt livsstilsbilder av produktet i bruk.
- Utvalgte produktaspekter fremheves med ikoner.
- Ankerlenker lar besøkende hoppe til deler som Funksjoner og Teknisk spesifikasjon.
- En stor knapp gjør det enkelt å legge hodetelefonene i handlekurven.
- En bildekarusell med komplementære produkter og tilbehør gir muligheter for kryssalg.
2. Figs
Helseklærmerket Figs spesialiserer seg på salg direkte til forbrukere og er kjent for sine stilige, slitesterke klær til bruk innen helse. Kundene deres må føle at produktets overlegne komfort og utseende ikke går på bekostning av funksjonalitet.
For å øke kjøperens tillit balanserer Figs’ produktsider klar, målrettet informasjon med energisk innhold som refererer til intensiteten av en karriere innen helsevesenet.
Produktbildene viser modeller i dynamiske positurer, mens en animert GIF gir en full, 360-graders visning. Lenger ned på siden vises en video (satt til autoplay) med produktutviklingsopptak og scener av førstehjelpere som haster til en ulykke.
Teksten på produktsiden er også i tråd med temaet. Klærnes funksjoner er formulert med medisinsk terminologi, mens påstandene om produktkvalitet utstråler selvtillit – de er “designet for å tåle alt.” Varemerkede navn for stoffer og produksjonsmetoder (“vårt proprietære FIONx™ stoff”) gir en følelse av teknisk ekspertise.
Andre taktikker på siden du kan legge merke til:
- Et bredt utvalg av farger og størrelser, inkludert et tilpasset broderingsalternativ, for å imøtekomme mange forretningsbehov.
- En omfattende kryssalgsdel som oppfordrer shoppere til å “bruke det med …” og “fullføre uniformen”.
- “Handle mer”-knapper tar brukere til relevante produktkatalogsider for å bla videre.
3. Kit and Ace
Subtile insentiver er det du får på produktsidene til athleisure-merket Kit and Ace. Selv om produktsiden er bevisst minimalistisk og enkel, fremmer designet effektivt rabatter over hele siden – uten å virke påtrengende eller ofre merkets prestisje.
Et punkt over Kjøp-knappen forteller kunder at en rabatt legges til i handlekurven deres, men avslører ikke det eksakte beløpet. Dette oppfordrer kunder til å legge produkter i handlekurven for deretter å oppdage rabatten, og fører dem videre nedover salgsstien.
Andre kampanjeelementer inkluderer
- en liten rullende header-banner som frister kunder til å bla gjennom flere produktsider
- en rabattert pris i en høykontrastet fet farge, mens den opprinnelige utsalgsprisen vises for sammenligning
- en pop-out med ekstra rabatt for førstegangskunder
4. Love Hair
Produktsiden for Love Hairs Revitalizing Shampoo oser av sosialt bevis på at produktet er populært og godt ansett.
Bevis på et produkts popularitet kan hjelpe kjøpere med å føle seg tryggere på eventuelle kjøp, spesielt når det kombineres med designelementer på produktsiden. Eksempler inkluderer:
- Flere betalingsalternativer – inkludert det høykonverterende Shop Pay, som gjør det enklest mulig å gjennomføre kjøp
- Såkalte “influencer video testimonials”, en type anbefalingsvideo der influencere forklarer hvorfor de elsker produktet
- En produktgjennomgangsvideo
- En produktbeskrivelse formatert i korte punkter som skisserer kundens problem og hvordan produktet løser det
- Et fremtredende sitat fra en kundevurdering
- Vanlige spørsmål
- Søkbare kundevurderinger med stjernescore
- Et sidefelt med nøkkelinformasjon om produktet og en Legg i handlekurv-knapp
5. Dr. Squatch
Dr. Squatchs produktsider er designet for å overtale kjøpere til å legge til flere produkter per besøk. Merket for personlig pleie for menn skaper flere muligheter for brukere å legge flere varer i handlekurven.
Du kan
- øke mengden av et produkt med ettklikksknapper
- bruke en “Bygg en pakke”-funksjon for å få rabatt og gave
- abonnere for gjentatte leveranser i bytte mot rabatt
6. Holstee
Holstees produktside for sitt kortsett med refleksjoner forteller historien om produktet med dyptgående tekst. Den utnytter også andre populære elementer på produktsiden, som
- en pop-up for å varsle kunder om andre nylige kjøp for å forbedre sosialt bevis
- et sparealternativ ved bundle-kjøp
- et bredt utvalg av produktfotografier for å fange ulike bruksområder
- en video som forklarer konseptet bak produktet
- en historie om produktutvikling og fokus på bærekraft
- en fast Legg i handlekurven-knapp
- oppfordring til besøkende om å bli butikkmedlem i bytte mot rabatt
7. Kettle & Fire
Kettle & Fire selger kraft og supper som kan oppbevares i opptil to år. Produktsidene deres tilbyr en rekke kjøpsalternativer, som lar brukere spare ved å kjøpe multipakker eller abonnere for gjentatte leveranser.
Potensielle besparelser fremheves gjentatte ganger, sammen med andre bemerkelsesverdige elementer på siden, som
- en fremtredende kundestjernescore
- korte, konsise produktbeskrivelser som inkluderer en fordel: “Hold deg mett mellom måltidene”
- en funksjon for å abonnere på produkter, som fremmes med korte punkter
- alternativer for bestilling av større mengder med potensielle besparelser fremhevet
- en Kjøp-knapp som fremhever potensielle besparelser
8. Hiya
Hiya selger multivitaminer for barn, som byr på en designutfordring: å lage barnevennlige produktsider som også møter behovene til foreldre som er nøye på hva de gir barna sine.
Hiyas løsning er en serie med produktsammenligninger presentert med enkle visuelle illustrasjoner. Foreldre kan umiddelbart forstå de viktigste forskjellene mellom Hiyas og konkurrentenes produkter, med alt innhold tydelig posisjonert for å vise Hiya som det overlegne valget.
Det nevnes også at hver bestilling inkluderer et klistremerkesett, som i tillegg til å gi en morsom aktivitet for barn, viser at Hiya tar hensyn til sluttbrukeren.
Andre designelementer inkluderer
- et abonnementsalternativ for betaling, som skaper mer inntekt per kunde
- en stor rabatt på kunders første bestillinger, som skaper et kjøpsinsentiv
- produktstørrelser måles “per barn” for å forenkle utvelgelsesprosessen
- en video med relaterbare og reelle kundevurderinger
- en omfattende FAQ-seksjon som forutser spørsmål fra foreldre
9. Studio Neat
Papirvareprodusenten Studio Neat velger å bruke en fremtredende video for å gi kjøpere en god oversikt over funksjonene til sine innovative kulepenner.
For å komplementere videoen, fremhever produktbilder, beskrivelser og ikoner unike aspekter ved pennens utvikling (“den eneste helmetallmekanismen på markedet med en faktisk “klikk”-handling”) samt dens fordeler (“det er tilfredsstillende å klikke”).
Utdrag og praktisk plasserte lenker dirigerer brukere til relaterte produkter, som blekkpatroner eller en matchende notatbok, mens livsstilsbilder viser produktet i en rekke hverdagslige settinger.
10. Leesa
Leesa er et madrassfirma som selger direkte til forbrukere. Produktsiden deres er designet for å fremheve to ting: sosiale bevis og kryssalg.
Sosiale bevis gis i form av sitater fra bransjeeksperter som Sleep Foundation og Mattress Advisor, mens sidefeltet gjør det enkelt for besøkende å legge til komplementære produkter i handlekurven.
Andre designdetaljer verdt å kopiere inkluderer
- en fast Legg i handlekurv-knapp øverst på skjermen
- faner som sorterer produktinformasjon i fordeler og anbefalte bruksområder
- rabatter og bonustilbud tydelig fremhevet
- produktbilder med tekst og diagrammer for å demonstrere funksjoner
- en funksjon for å legge relaterte produkter i handlekurven med ett klikk
- en chat-funksjon med en virtuell assistent
11. Outdoor Voices
Outdoor Voices er et klesselskap som selger atletiske klær til hverdagsbruk. Produktsidene deres inneholder bilder av høy kvalitet av modeller i avslappede positurer, noe som gjør produktlinjen mer tilgjengelig for målgruppen.
Takket være et minimalistisk og funksjonelt design kan kunder enkelt finne informasjon, inkludert innhold om hvordan man tar vare på produktene, produktspesifikasjoner og betalingsalternativer – uten å distrahere besøkende fra knappen der man legger produktet i handlekurven.
12. Luxy Hair
Luxy Hair selger hairextensions laget av menneskehår, som kommer i et bredt utvalg av nyanser og lengder. Dette kan skape en potensielt forvirrende situasjon for nettkunder, men ved at de organiserer produktvariasjoner i to kategorier og tilbyr måter for brukere å gå gjennom valgene sine, unngår denne produktsiden å paralysere kunder fra å ta kjøpsavgjørelser.
Kunder har mulighet til å bestille fargeprøver samt prøve produktet virtuelt, noe som kan ha en beroligende effekt.
Plasseringen av knappen for å prøve produktet virtuelt like over knappen for å legge produktet i handlekurven (i kontrastfarge) sikrer et praktisk neste steg for kunder som ikke er helt klare til å kjøpe ennå.
13. PooPourri
PooPourris produkter har en morsom tilnærming til et pinlig tema, og produktsidene gjenspeiler den samme energien. De bruker en blanding av humoristiske videoer og konsise produktbeskrivelser for å gi kunder den nødvendige informasjonen for å avgjøre om de trenger toalettspray.
De har dessuten en del med tittelen “Internett har talt”, som viser populære anmeldelser av merkets flaggskip produkter. Hver anmeldelse inneholder en knapp som tar en besøkende direkte til den aktuelle produktsiden.
14. Rocky Mountain Soap
Rocky Mountain Soap er en forhandler av naturlige pleieprodukter og vet at kundene ønsker helsefremmende produkter av høy kvalitet. Produktsidene deres inkluderer konsise og informative beskrivelser med ikoner som får de viktigste fordelene til å skille seg ut: GMO-fri, kun testet på mennesker, vegansk og 100% naturlig. Dette er gode grunner for kunder til å velge produkter fra Rocky Mountain, så det gir mening å fokusere på dette så mye som mulig.
Et annet overbevisende element på Rocky Mountain Soaps produktsider er de innebygde kundevurderingene. Hvis du er usikker på å kjøpe et av produktene deres, kan du enkelt bla gjennom nylige vurderinger. Nesten alle forbrukere leser vurderinger før de handler – spesielt før førstegangskjøp – noe som gjør positive tilbakemeldinger til en sikker måte å redusere eventuell usikkerhet på.
15. United By Blue
United By Blue har som mål å eliminere søppel fra verdens hav og vannkilder. For hvert produkt som kjøpes, fjerner de 0,45 kg søppel fra havet.
Produktsidene deres gjentar dette målet med en sanntidsteller som sporer mengden søppel som United By Blue-kunder har bidratt til å rydde opp gjennom sine kjøp. Å vise et engasjement for et bærekraftig eller sosialt formål kan bidra til å tilpasse merkevarens verdier.
Andre elementer på produktsiden inkluderer
- et størrelsesdiagram for å hjelpe brukere med å finne riktig passform
- en karusell for opp- og kryssalg
- kundevurderinger som kan søkes via omfattende filtre
16. Sixty-Nine
Sixty-Nines produktsider bruker dynamiske elementer for å holde engasjementet blant besøkende. Produktbilder ruller over skjermen mens logoen snurrer og Legg i handlekurv-knappen blinker fristende.
Fordi produktsider er den viktigste komponenten av netthandleres nettsider, har Sixty-Nine gjort nettsiden sin til en dynamisk produktkatalog. Dette sikrer at nettstedets viktigste eiendom brukes til å flytte besøkende nedover salgsveien uten at noe som distraherer fra kjøpsopplevelsen.
17. Manitobah Mukluks
Manitobah Mukluks er et merke som forstår kraften sosiale bevis har når det kommer til å påvirke kjøpsbeslutninger, spesielt når produktet er dyrt. Denne produktsiden utnytter kundesendte bilder og vurderinger, slik at kunder kan se produktet i ulike hverdagslige situasjoner. Denne strategien hjelper med å male et levende bilde av produktets nytte og verdi, noe som gjør det lettere for shoppere å forestille seg produktet som en del av sine egne liv.
Produktvideoer, anbefalte komplementære produkter og vanlige spørsmål og svar fullfører denne effektive produktsiden.
18. Perfect Keto
Perfect Keto lager et utvalg av populære, keto-vennlige snacks. Produktsiden for deres Nola Bars engasjerer kunder med
- enkle retningslinjer for ulike situasjoner der snackbarene er nyttige, komplett med iøynefallende illustrasjoner
- en pop-out som tilbyr rabatt for førstegangskunder
- flere betalingsalternativer, inkludert et rabattert abonnement for gjentatte bestillinger
- superkonsise produktfordeler, uttrykt med noen få ord
- enkle, klare ingredienslister for hvert produkt som fremmer åpenhet
19. Johnny Cupcakes
Johnny Cupcakes’ produktsider er tro mot merkevarens verdier om å være “verdens første t-skjorte-bakeri.” Produktbeskrivelser refererer til dette temaet med ordspill, som å kalle nye stiler “nybakte,” mens “print on demand”-t-skjorter er “bakt på bestilling”.
Andre optimaliseringsfunksjoner på produktsiden inkluderer et banner som promoterer oppsalgsinsentiver, som en gave med gratis sokker når du bruker USD 200. Dette fremheves når besøkende legger et produkt i handlekurven: Etter å ha klikket på Kjøp-knappen, vises handlekurven i et sidefelt, med en måler som viser hvor nær kunden er til å få en gave.
Beste praksiser ved design av produktsider
Produktsider er drivkraften for netthandelsbedrifter. De er de viktigste sidene i en nettbutikk fordi de
- svarer på kundenes spørsmål
- lar kunder finne butikken din på søkemotorer
- overbeviser kunder til å legge varer i handlekurven
Derfor er det så kritisk å få dem riktig.
Her er noen tips og anbefalinger for å lage bedre produktsider og Kommer Snart-sider som blir funnet på nett, underholder kunder og hjelper dem med å bestemme hva de skal kjøpe.
Bruk etablerte beste praksiser for brukeropplevelse på produktsider
Når Nielsen Norman Group analyserte hundrevis av produktsider på nettbutikker, fant de ut at vellykkede sider nesten alltid inkluderer følgende kjerneelementer for brukeropplevelse:
- Beskrivende produktnavn
- Identifiserbare produktbilder
- Forstørret visning av produktbilder
- Pris, inkludert eventuelle tilleggskostnader
- Klare produktvariantvalg, som farge og størrelse
- Produkt tilgjengelighet
- En måte å legge til en vare i handlekurven og klar tilbakemelding om at en vare har blitt lagt til
- En kortfattet og informativ produktbeskrivelse
Utover disse grunnleggende elementene handler god brukeropplevelse for produktsider om å gjøre produktinformasjon tilgjengelig og overbevisende ved å bruke taktikker som de nedenfor.
Bruk bilder av høy kvalitet for produktene
Visste du at 75% av forbrukerne mener produktbilder er den viktigste delen av en produktside? Derfor bør du vise store og klare bilder når kunder kunder lander på siden din, for å hjelpe dem med å forestille seg produktet og tenke på hvordan de vil bruke det i virkeligheten.
Ideelt sett bør du inkludere to typer bilder for å vise produktene:
- Fange produkter mot en nøytral bakgrunn for å fremheve unike salgsargumenter
- Ta livsstilsbilder for å vise fordelene med produktet i bruk
Vurder å legge til videoer eller 360-graders bilder for å øke interaktiviteten og øke konverteringene på produktsiden.
Skriv overbevisende produktbeskrivelser
Støtt produktbildene med beskrivelser som forteller en overbevisende historie i et enkelt språk om fordelene ved å ha produktene dine.
Gode produktbeskrivelser er skrevet med din ideelle kunde i tankene, og snakker til deres perspektiv, med et ordforråd de er kjent med.
De fleste kunder responderer godt på korte avsnitt og punkter samt
- produktsspesifikasjoner
- teknisk informasjon
- spesifikasjonsark og størrelsesdiagrammer
- sammenligninger med lignende produkter fra katalogen din
Legg til et livechat-vindu
En god produktside må forutse og svare på produktspørsmål, men det vil alltid være noen potensielle kunder som trenger mer spesifikk informasjon og ønsker å kontakte virksomheten din.
Med livechat kan besøkende på nettstedet kommunisere med deg i sanntid, uten den høye terskelen med å ringe. Med et livechat-vindu kan en potensiell kunde enkelt nå salgsteamet ditt, få svar på det de lurer på – og gå videre med et kjøp.
💡 Legg til en live chat-app i Shopify-butikken din og utnytt kraften av AI.
Vis kundevurderinger og sosiale bevis
Produktanmeldelser betyr mye for kunder. Hvor mange det er, hvor positive de er og hvor nylige de er, kan påvirke folks meninger. Hvis produktsidene dine i butikken ikke viser kundevurderinger og anmeldelser, kan kunder gå til andre nettsteder for å finne denne informasjonen – og hva de ser der, har du ingen kontroll over.
Løsningen er å legge til tilbakemeldinger fra kundene direkte på produktsidene dine. På den måten trenger ikke shoppere å lete etter det.
Her er noen enkle måter å få vurderingene dine til å jobbe hardere for deg:
- Vis frem de beste vurderingene: Fremhev de mest strålende vurderingene. Disse kan fange oppmerksomheten til en shopper og hjelpe dem å se de beste delene av produktet ditt.
- Be kundene dele sine tanker: Oppfordre kundene dine til å legge igjen vurderinger med et insentiv som en rabattkode. Dette kan hjelpe deg med å få mer tilbakemelding og vise shoppere at du verdsetter meningene deres.
- Raskt håndtere negative kommentarer: Hvis en kunde ikke er fornøyd, svar på vurderingen deres raskt og profesjonelt. Dette viser at du bryr deg om kundenes opplevelser og er villig til å gjøre ting riktig.
Bygg produktsider med Shopify
Produktsider er der kunder avgjør om de ønsker å kjøpe fra deg. Du trenger ikke å være en erfaren designer for å bygge en nettside og lage produktsider som ser bra ut og driver salg. Med Shopify kan du lage produktsider for nettbutikken din som balanserer vakkert design med konverteringskraft.
Illustrasjon av Cornelia Li
Ofte stilte spørsmål om produksider
Hvordan lager du en overbevisende produktside?
Hvordan viser du produkter på nettstedet ditt?
- Invester i produktfotografi av høy kvalitet. Klare, profesjonelle bilder kan få produktene dine til å skille seg ut.
- Inkluder flere bilder. Vis produktet i forskjellige vinkler eller med detaljert visning.
- Bruk animerte bilder eller videoer. Vis hvordan produktet ditt brukes for å hjelpe kundene med å forstå hvordan det fungerer.
- Anbefal relaterte produkter. Foreslå andre varer som kundene kan være interessert i.
- Eksperimenter med virtuell prøving. Test utvidet virkelighet eller 360-graders bilder for å gi kundene en bedre opplevelse av produktet ditt.
- Gi trinn-for-trinn-instruksjoner. Hvis produktet ditt trenger forklaring, bør du inkludere klare instruksjoner om hvordan det brukes.
Hvordan lager du en produktside i Shopify?
Slik legger du til eller oppdaterer informasjon om et produkt i en Shopify-butikk:
