Trykk enter for å se resultater eller esc for å avbryte.

Produkt destinasjonssider: 13 Fantastiske eksempler & Hvorfor fungerer de

Du allerede har gjort mye hardt arbeid-du har et produkt, du har opprettet produkt-markedet plass, og nå du trenger bare å få den til publikum. Men, kunsten å selge fysiske varer online tar litt finesse, og det er mange variabler å optimalisere for.

Produktsider er uten tvil-det viktigste touch-punktet for bedrifter som selger fysiske varer online. De må etablere tillit, Kommuniser tydelig salgsargumenter, vise frem produktet vakkert... og det er bare innholdet. Fra et teknisk synspunkt, de må også være utformet for å være lydhør overfor mobilnettlesere, laste ekstremt raskt, og tydelig koble til et robust betalingssystem.

Produktsider vil alltid være de mest "verdifulle" sidene på området, som ytelsen bokstavelig oversettes til inntekter. Dette betyr også at konvertering renteøkninger for disse sidene kan være en enorm vekst lever for å øke inntekter. Snarere enn å fokusere på kjøring mer trafikk-det lønner seg å bruke tid på å optimalisere produktsider og konvertere trafikken du allerede har mer effektivt.

Så... Hva gjør en god produktside?

Produkt destinasjonssider ser flott

Uh he. Høres innlysende rett? Vel, Det er ikke så tydelig som du tror. Mange bedrifter ikke investere riktig å få nøkkel produktsider designet av en faktisk webdesigner og UX ekspert. Resultatene kan ofte være underwhelming-som er katastrofalt for online konverteringsfrekvenser.

Kunder elsker god grafikk og forventer visse bar av kvalitet. Besøkende knytte en glatt, godt designet side med tillit og kvalitet, og for høyere pris varer denne klareringen er avgjørende for å få dem til å sjekke ut.

Noen tips for jazzing opp produktet siden grafikk:

  • Vis produktet i bruk. Ikke bare dette presentere produktets funksjonalitet, men det tillater kundene å virkelig bilde bruker produktet selv.
  • Legge til mellomrom og fjerne rotet. Hvis det er tonnevis av iøynefallende elementer rundt en side, kunden skal ikke fokusere på produktet. Rent sider har færre distraksjoner og er mye mer sannsynlig å konvertere.
  • Kontroller at bildene er av høy kvalitet. En annen noe åpenbare ting, men lav kvalitet, pixelated produkt bilder er en flott måte å miste tillit raskt.
  • Legge video. Hvis du har muligheten til å lage video, legge video til websiden er en fantastisk måte å vise frem produktet. Hvis et bilde sier mer enn tusen ord… en video sier en million.

Flotte med dette er at du kan A / B-test design å se som har en høyere heving; ikke bare bestemme en utforming og feste med det.. Du bør oppgradere sidene stadig!

De leser vakkert

Et annet potensielt åpenbare tips, men disse er de viktigste ordene på webområdet. Kontroller at alle beskrivelser er skrevet av en profesjonell copywriter som (en) forstår produktet veldig bra og (b) forstår kundene.

Hvis denne kopien ikke sizzle, det vil ikke opphisse kundene. Hvis denne kopien ikke løser de viktigste behovene kundemålgruppe-det ikke synes relevante for dem.. Bruk denne plassen til å markere hva som gjør produkter unike og tilpasse det til behovene til kunden.

De er fullpakket med sosiale bevis

Stol kroker som vurderinger, Case-studier, pressedekning, og priser er alle typer sosiale bevis, og de er like viktig som utstillingsvindu produktets funksjoner-spesielt hvis du er i en relativt ukjent kategori eller en ny merkevare.

Hvis produktet har vært omtalt i høyprofilerte medier eller mottatt høy kritikker-disse logoer og tilbud skal være synlig på produktsiden. Dernest, utstillingsvindu din kunder som elsker og bruke produktet kan være like effektive i å øke kjøperen tillit. Inkludert brukergenerert innhold som prisverdig tweets eller glødende vurderinger.

Ikke overse detaljer

Når en kunde gjør et kjøp online, de trenger å vite at du har krysset til T og prikkete din is. Det er viktig å sikre at kundeservicen er lett å finne på ethvert produktsiden-Hvis kunden har, spørsmål er det avgjørende at det er lett å spørre deg direkte. Hvis de ikke finner hjelp, de vil gå et annet sted.

Til slutt, Kontroller at alle relevante opplysninger (Shipping info, priser, skatt, MVA, etc) er alle tydelig merket-mangler denne informasjonen er en viktig årsak til Handlevogn avbruddsfrekvens, som etterlater kunden uten mulighet til å oppdage detaljert produktinformasjon. Det trenger ikke å være på toppen av siden, men det bør ikke glemmes.

Høyre! Nå la oss undersøke noen av de beste produktsidene ute.

Eksempler på fantastiske produktsider

1 – Made.com

Made.com gjør en fantastisk jobb med utstillingsvindu sine produkter sammen med nøkkel selger meldinger. Det første bildet viser leveringsprosessen og beskriver deres avkastning politikk-som hjelper fraråde noen andre tanker ør handlevogn. Deres produktbilder er veldig rent, og deres handlekurven siden inkluderer muligheter å oppsalg tilleggsprodukter-en flott måte å øke gjennomsnittlige handlekurven størrelse.

Andre siden virkelig helter av lenestol og introdusere subtilt andre selger hovedbudskapet som knapphet ("Bare to venstre!"over knappen Legg til i handlekurv) og haster ("Ender mandag: £100 av") tilby øverst på siden.

2 – Simba søvn

Simba har klart designet denne siden med forståelsesfull viser i tankene-hvis du ser på delen "Legg i handlekurven", alle de viktigste salg budskapene er kompakte og tydelig organisert. Den begynner med deres 24,293 vurderinger (sosiale bevis), presist beskriver produktets unike funksjoner, og deretter tilbyr fire viktige salg meldinger under CTA. Enda bedre? Denne delen vil omorganisere perfekt på mindre skjermer. Det er en god design.

3 -Harrys barbering Club

Harrys barbere Club gjør en fantastisk jobb utstillingsvindu utvalget av sine produkter i en ren, polert måte. Deres produkt fotografering er ekstremt klar (og ikke egentlig at flere bilder), og deres barbering sett hjelpe kundene med å finne the entry-level produkt som de er mest interessert i.

Tilpasse håndtak farge er en fin touch, og hjelper kunden føler seg mer knyttet til produktet. De inkluderer også knapphet og sosiale bevis på sine dyreste bunt, som trekker øyet og -nesten sikkert-øker gjennomsnittlig bestillingsverdi størrelse.

4 – Warby Parker

Warby Parker har hatt en meteor økning i briller mote sektor på grunn av deres enestående prøve-at-home-program. De har smart identifisert at svært få kunder vil kjøpe briller online uten å se hvordan de ser første. Som et resultat, de oppfordrer kundene til å ta en liten, Gratis handling og deretter konvertere dem til kunder senere når de har hatt muligheten til å prøve produktet.

De har eksepsjonelle copywriting, elegant produkt bilder, og passelig produkter-alle viktige drivere for konverteringer. Til slutt, de inkluderer en iøynefallende kobling kjøpe gjennom forsikring programmer, som bidrar utdanne kunder uten å ta for mye plass på selve produktsiden.

5 – Tylko

Ærlig, Denne siden går den ekstra mil når det gjelder tilpasning. Å la kundene skreddersy sine hyller enheter til centimeter, og så tydelig visualisere disse endringene i et tilhørende skjermen, eksepsjonell.

Det er verdt å merke seg at dette er en premium produkt, og denne høy-polsk funksjonen er en flott måte å få kunden tillit. I tillegg, de utnytte sosiale bevis, forsendelsesinformasjon, og avkastning program rett under innholdet.

6 – Sønn av en skredder

Mote og design produkter generere mye verdi for tilpassing, og sønn av en skredder virkelig negler sine produkt bilder. For brukere å lage sine egne skjorte, de føler mye mer eierskap over produktet- og UX er ekstremt rene. Det føles som du spiller The Sims... men du får skjorte etterpå!

i tillegg, Det er en live chat-funksjon på denne siden. Live chat kan være en eksepsjonell konvertering driver for mote produkter, som det tillater kundene å stille spørsmål og få svar umiddelbart-uten å måtte tråle gjennom FAQ eller tett produktinformasjon.

7 – Bose hodetelefoner

Bose har en veldig bestemt merke, som påvirker hvilken informasjon de har på sine produktsider. For de fleste, Bose er synonymt med premie støy avbryter hodetelefoner-så i stedet for å bruke for mye plass går inn som, de la deres produkt fotografering gnisten.

De inkluderer et par stykker av sosiale bevis, inkludert kunde og trykk, men deres mest slående design valg er deres kopiere overskrifter og fotografering.

8 – Google Pixelbook

Googles Pixelbook er deres flaggskip personlig databehandling produkt, og deres produkt side design gjenspeiler utformingen av selve produktet: elegant vinkler og myke farger. De definitivt ta noen design inspirasjon fra Apple-deres direkte kategori konkurrent- men siden føles veldig, Vel, Google-y.

De neste smart produktinformasjon på siden (uten å ta for mye fast eiendom på siden), og deres CTA i øverste høyre hjørne dukker. Google er kjent for A / B-testing alle aspekter av deres plattform og produkter, så denne er sannsynligvis et resultat av mange gjentakelser.

9 – Reir

I nye produktkategorier, sidene må jobbe veldig hardt på demonstrere den verdiøkningen at de bringe til kunden. En smart termostat er et relativt nytt produkt, og det er klart at designerne av denne siden brukt lenge tenke gjennom og adressering felles kundespørsmål.

i tillegg, produktsiden demonstrerer produktserie, som hjelper kunder med å finne produktet til prisen poenget de er mest komfortable med. Legg merke til at CTA forblir synlige mens kunder bla ned gjennom alle produktinformasjon.

10 – Ted Baker produktside

For motemerker som Ted Baker, utseendet til produkt fotografering er avgjørende. Selve siden forlater mye plass for deres produktbilder til pusten- og bildene selv kunstnerisk tatt, og mange av de forskjellige vinklene av produktet.

Produktinformasjon på selve siden er også tydelig presentert, og rullegardinlistene kan kundene tilgangsinformasjon de vil tilgang uten å måtte navigere bort fra siden.

11 – Quip

Quip er et ledende ny tannbørste produkt, og deres hjemmeside gjør en fantastisk jobb selge produktet gjennom ren design, slående produkt bilder, og sterk anbefaling og tillit kroker. Hver nettside del har pent designet ikoner til å støtte delene kopi-tunge, og siden utfører utmerket på mobile skjermer.

For elementer til en lavere pris-, mobil e-handel er en stor kanal-så sørg for at produktsider gjengi raskt og tydelig på mindre skjermstørrelser.

12 – Ring

Den over-the-folden for ringen er faktisk ganske minimal og lar kunder til å utforske resten av siden hvis de er interessert i å lære mer om produktet. Til en litt høyere pris, Det er sannsynlig at kundene kommer på denne siden flere ganger før endelig konvertering-så det er viktig som utfører bra for både første gang ankomster, og retargeted kunder.

Fotografiet selv viser produktet i-sammenheng i en slående, aspirational måte-som gjør en fantastisk jobb med utstillingsvindu produktet.

13 – Harry Potter Kano koding Kit

Kano er Harry Potter koding Kit er en svært godt strukturert og utnytter awesome sosiale fotografering, klar og slående produktfotografi, og helter deres produkt video-som er normalt en viktig ressurs for noen slags leketøy eller underholdning produkt.

Som kundene bla nedover siden, CTAs og produkt informasjon vises i topp-navigeringslinjen og dens slagord er fengende, minneverdige, og moro!

Hva er neste?

Det er ikke en størrelse passer alle tilnærming når det gjelder å skape produktsider som viser av produkter. Det er hundrevis av vei, og hver avhenger av målgruppen, pris, og produktkategori. Den beste tilnærmingen er å destillere produktet i sin store salgsargumenter, og deretter arbeide med utstillingsvindu dette så tydelig som mulig på produktsider.

Viktigst, ikke slå på første design. Kontinuerlig forbedre og forandre produktsider for å se hvilke endringer appellerer beste med kunder, Det er masse landing og produktet siden verktøyene. Det er ikke noen store endringer samtidig. Veksten er ofte en opphopning av små uplifts og optimaliseringer, ikke hand-vinker rebrands eller redesignet. Arbeide mot disse konvertering hastighet uplifts, og inntekter og fornøyde kunder vil følge.

Kommentarer

1 Kommentar

Avatar
Kyle Puller

Flott artikkel Byron!


Legg igjen en kommentar