Tuotesivut: 6 myymälää upeilla tuotesivuilla

Tuotesivut ovat viimeinen asia, jonka ostajat näkevät ennen ostoksen tekemistä.

Tai jos asiat eivät mene suunnitellusti, viimeinen asia, jonka he näkevät ennen kuin he osuvat uloskäynnille.

Jaetaan kuusi kauppaa kuudesta eri markkinarakosta, joista jokaisella on upeat tuotesivut. Laitamme heidän tuotesivunsa - jotka kaikki on rakennettu Shopifyn avulla - mikroskooppiin, jotta voimme nähdä, mitä he tekevät ja voit kopioida kaupassasi.

Lähetä sisältö

kuinka luoda yrityksen facebook-sivu

Vakiotuotesivu
Allbirds
Hänet
Puhtaat syklit
Nopea sana tuotesivuvideoista
Master ja dynaaminen
Sunnuntai Supply
Studio siisti
Tuotesivuja koskevat päätelmät
Haluatko oppia lisää?

Älä odota, että joku muu tekee sen. Palkkaa itsesi ja aloita soittamista.

OPTAD-3
Aloita ilmaiseksi

Vakiotuotesivu

Mahdollisuudet ovat, että mitä tahansa mallipohjaa, jota käytät Shopify-myymälässäsi, tuotesivun taustakuva näyttää tältä:

Tuotesivut tulevat enemmän tai vähemmän laatikosta: kuva vasemmalla olevalla kuvauksella ja Lisää ostoskoriin -painike oikealla olevilla valinnaisilla tavoilla, kuten sosiaaliset painikkeet, määränvalitsin ja niin edelleen.

Kun tällaiset sivut lähetetään suorana, ne muistuttavat enemmän tai vähemmän tätä sivua:

Ei siinä mitään vikaa. Kaikki olennaiset ovat oikeassa. Useita kuvia, värivaihtoehtoja ja (tietysti) Lisää ostoskoriin -painiketta.

Mutta katsotaanpa, kuinka kourallinen nerokas kauppa muuttaa vakiotuotesivut silmiinpistäviksi tuotesivuiksi.

Allbirds

Kenkiä myyvä Allbirds loi yllä tarkastelemamme tuotesivun. Normaalin näköinen.

Mutta Allbirdsin tuotesivut ovat normaaleja vain, jos et selaa alaspäin. Sukelluksen jälkeen löydät joitain parhaita tuotesivuja.

Täällä on paljon haalistavaa. Ensinnäkin Allbirds noudattaa vanhaa sanomaa, jonka mukaan 'muoto seuraa toimintoa'. Heillä on nimittäin tuotekuvaus, joka sopii siististi tarjottuun tilaan esillä olevan kuvan viereen häiritsemättä asettelun symmetriaa.

Mutta tiedoista ei ole pulaa! Koska kun napsautat Lisätietoja, sinut ohjataan tuotesivun alaosaan.

Sieltä löydät massiivisen, värikkään osan, joka on omistettu yksityiskohdille, jotka eivät sovi puhtaasti päälle:

Ei ole sääntöä, jonka mukaan tuotekuvausten on rajoituttava siihen kärryyn, joka on ostoskorin painikkeen yläpuolella. Näiden yksityiskohtien siirtäminen alaspäin antaa Allbirdsille molempien maailmojen parhaat puolet: Tonnia yksityiskohtia ja kuvia, jotka korostavat tuotetta, ja asettelu, joka on intuitiivinen. (Tämä asettelu varmistaa myös, että Lisää ostoskoriin -painike pysyy kiinnitettynä taiton yläpuolella. Mihin se kuuluu.)

Toinen mahtava asia Allbirdsin tuotesivuilla on röyhkeät videot, joihin ne lipataan:

Kun napsautat kyseistä kuvaa, sinua käsitellään videolla toisen tuotekuvan sijaan. Video on yksinkertainen - se on vain muutama sekunti. Ei Emmy-ehdokkaita täällä. Mutta tällaiset kosketukset voivat mullistaa tuotesivusi.

https://www.datocms-assets.com/22581/1603987525-woolloungerfemale1-1.mp4

Pari muuta asiaa, jotka on syytä huomauttaa Allbirdsin tuotesivuilla.

Haluatko tehdä tuotesivuistasi mieleenpainuvia? Entä iso hi-def-kuva outosta eläimestä:

Sitten on joukko etuja, jotka vaihtelevat mukavuudesta mukavuuteen ympäristöä koskeviin huolenaiheisiin, joista jokaisella on oma hieno kuvake:

Sosiaalisen median pistokkeet tuotesivulla? Joo miksipä ei:

Katso lisää: Allbirds-tuotesivuesimerkkejä

Miesten villan juoksijat

Miesten puun juoksijat

Naisten villatuolit

Hänet

Seuraava on Hem, skandinaavinen huonekalumerkki. Hän käyttää älykkäitä taktiikoita tuotesivujen muuttamiseksi omaksi kokemuksekseen.

Selvä, tässä on perustuotesivu - taitoksen yläpuolella oleva osa. Jos joku oli jo päättänyt ostaa, hän voisi mennä eteenpäin ja tehdä tilauksen heti.

Hänellä on oma tapansa olla taloudellinen lisätietojen kera. Sen sijaan, että linkitettäisiin muihin tuotesivun osiin, ne käyttävät tiivistystoimintoa. Tämä…

… Muuttuu tästä:

Tämän asettelun ansiosta sinun ei tarvitse vierittää alaspäin saadaksesi tärkeitä tietoja. Tietenkin, jos sinä tehdä vieritä alas, asiat muuttuvat melko mielenkiintoisiksi.

Nämä ovat kaksi ensimmäistä kuvaa, joihin törmäät: yksi on video, toinen kaktus.

En muista, että olen koskaan nähnyt kaktuksen istuvan sohvalla. Tästä huolimatta en ole unohtanut tätä sohvakaktusta sen jälkeen, kun näin sen. Se on vain ... siistiä. Toisaalta kallis sohva - sohva, joka tarjoaa kaiken luokan, jota odotat korkealuokkaisesta skandinaavisesta muotoilusta - ja toisaalta pieni kaktus. Outo onnistuu luomaan oudon ikimuistoisen kohtauksen.

Ja sitten video. Jälleen kerran, tämä ei ole elokuvafestivaalitason videokuvausta. Mutta se on liikkuvia kuvia, ja ihmiset rakastavat liikkuvia kuvia. 26 sekunnin video näyttää sohvan lukemattomista näkökulmista ja kuvaa kuinka helppoa se on rakentaa.

Sen jälkeen lisää kuvia - suuria, upeita kuvia - ja ripaus kirjoitettua sanaa antamaan ostajille kaikki puuttuvat tiedot.

Katso lisää: Hem-tuotesivuesimerkkejä

kuinka jakaa Instagram-viesti tarinasi

Palo 2-paikkainen kiesin vasen

Udon puheenjohtaja

Kaikki puun jakkarat

Puhtaat syklit

Pyörän luoja Pure Cycles sisältää tuotesivuillaan yli muutaman hienon elementin.

Nollataan neljä hienovaraista, mutta loistavaa kosketusta.

1. Tämä pieni sydän

Tämän sydämen avulla voit lisätä jotain toivelistallesi. Tämä on mukava kosketus muutamista syistä: Ensinnäkin se helpottaa tulevia ostoksia, mikä on aina hyvä asia. Toiseksi se houkuttelee ihmisiä haastamaan yhteystietonsa, mikä antaa Pure Cyclesille mahdollisuuden nopeuttaa tulevaa ostosta sähköpostilla ja alennuskoodeilla.

2. Tämä Messenger-vaihtoehto

Tämä voi olla erittäin kätevä ostajille. Se ei myöskään todennäköisesti haittaa Pure Cycles'ove Facebookin pyrkimyksiä saada ostajat käyttämään sosiaalisen median alustaa tuotesivuilla.

3. Lisää sisältöä!

Pure Cycles antaa sinulle pään, että tämän tuotesivun taitoksen alla on lisää sisältöä. Jos joku virheellisesti ajatteli, että tämä sivu alkoi ja päättyi yksinkertaisella ostoksella.

4. Ihana video

Lopuksi video upotettiin tuotekuvien joukkoon.

Napsauta sitä ja saat tämän. Ei ole vikaa, kun 50 sekuntia kaksi hyvännäköistä ihmistä nauttii elämästä Pure Cycles -polkupyörillään:

Loput Pure Cycles -tuotesivusta on ennustettavissa kaunista. Pure Cycles lataa sen asiakkaiden arvosteluilla, valokuvilla, sosiaalisen median pistokkeilla ja toimitustiedoilla - tavaraa, joka ei varmasti olisi mahtunut siellä Lisää ostoskoriin -painiketta.

Ja niille, jotka kaipaavat konkreettisia yksityiskohtia, Pure Cycles on katsonut:

Katso lisää: Pure Cycles -tuotesivun esimerkit

Nopea sana tuotesivuvideoista

Jos katsot juuri sitä Pure Cycles -videota, saatat ajatella: 'Kuinka &% $ ^ aion luoda jotain sellaista?'

Epäilemättä video on melko liukas. Tällaiset tavarat eivät näy tyhjästä.

Mutta videot eivät ole mahdotonta!

Etkö usko minua? Oletetaan, että Oberlo alkoi myydä collegepaitoja. Hupparit ovat sellainen tuote, joka voisi varmasti käyttää videota tuotesivulla - joten me kypsennimme yhden! Tämä luotiin noin 45 minuutissa, kuvauksesta muokkaamiseen ja vientiin lataamiseen.

Toki video ei saa ovaalia. Ja sinulle annetaan anteeksi, jos et ole kuolemassa ostamaan yhtä näistä paidoista. Mutta älä käännä silmiäsi ajatuksesta tehdä video! Tämä ei ole vain jotain suurille tuotemerkeille. Markkinoille pääsyn este on vähentynyt vahvan kahvin ja iPhonen saamiseen.

Okei, siirrymme seuraavaan kauppaan.

Master ja dynaaminen

Master & Dynamic myy huippuluokan äänilisälaitteita. Tuotesivun yläosa on suhteellisen normaali…

… Mutta sitten asiat muuttuvat suorastaan tyylikkäiksi, kun katsot ympärillesi.

Tässä on Master & Dynamic -tuotesivu sivun alaosassa - melkein ominaisuuksien aikajana:

Tämä on melko loistava: varsinaisen tuotteen suunnittelun käyttäminen ulkoasun polttoaineena. Toki, kuulokkeiden johto on erityisen täydellinen. Mutta vaikka myytkin hämmentäviä kiekkoa, joogamatoja tai jotain muuta, tuotesivun rakentaminen tuotteen ympärille antaa sinulle yhtenäisen rakenteen työskennellä.

Kun olet saanut osakseen lumoavia valokuvia, saat pohjan pohjalle tekniset tiedot.

Katso lisää: Master- ja dynaamiset tuotesivuesimerkit

ME05-kuulokkeet

Langattomat MW60-kuulokkeet

Langaton kaiutin

Sunnuntai Supply

Sateenvarjoja myyvä australialainen Sunday Supply -myymälä menee suureksi tuotesivujensa kanssa. Kuten kirjaimellisesti iso.

He jättävät huomiotta tavallisen 'tuote vasemmalla, yksityiskohdat oikealla' -asettelun ja käyttävät sen sijaan valtavia kuvia:

Jopa lahjakorttituotesivu johtaa massiivisella kuvalla:

Sinun ei tarvitse mennä kauas löytääksesi Lisää ostoskoriin -painike, joka sijaitsee aivan tämän kuvan alla. (Sunday Supply -näppäimissä lukee 'Lisää laukkuun', koska tiedät, että se on rantateemainen.)

Sitten törmäät joihinkin tuotetietoihin, jotka on kirjoitettu vastustamattomasti viehättävällä äänellä ja jotka antavat sateenvarjolle inhimillisiä ominaisuuksia, kuten 'pitkien aurinkopäivien rakastaja ja loistava kumppani'.

esimerkkejä b2b-verkkokaupan yrityksistä

Muut yksityiskohdat, kuten 'Taittuu kokoon 1,2 M X 0,2 M X 0,2 M' tai '~ 7,0 KG painoon', löytyvät sivulta matalammalta, joten siinä kaikki. Mutta miksi et johtaisi hauskojen juttujen kanssa?

Kuten mikä tahansa rannavälineitä myyvä kauppa olisi viisasta tehdä, Sunday Supply näyttää myös tuotteitaan luonnossa. Kun voit käyttää merta taustana, miksi et?

Katso lisää: Sunday Supply -tuotesivun esimerkit

Luonnollinen vaistonvarjo sateenvarjo

Lahjakortti

Eläinten kuningaskunnan sateenvarjo

Studio siisti

Studio Neatin laitteiden säilytys- ja latausyksiköissä on tuotesivut, jotka ovat aivan yhtä tyylikkäitä kuin heidän myymänsä tyylikkäät tuotteet.

Sivun infrastruktuuri on vakio, mutta poikkeuksellisen toteutettu. Kahden lauseen kuvaustekstin avulla voit visualisoida kohteen näyttävän paikkasi - 'Yöpöydällesi tai pöydällesi ...' - ja kosketukset, kuten pyöreä kuva, antavat sille popin.

Juuri sen alapuolella törmäämme videoon, joka on puhdas ja kiillotettu, mutta ei mitään, mikä vaatisi Hollywoodin osaamista.

miten aloittaa putkikanavan

https://www.datocms-assets.com/22581/1603987527-studio-neat.mp4

Sitten tuotesivu muuttuu visuaaliseksi esittelyksi ominaisuuksista, joita voit odottaa ostaessasi tämän telakointiaseman. Sillä välin on rennon tekstin korostuksia ('Joten riippumatta siitä, kuinka rullat, sinulla on paikka laitteillesi').

Lopuksi tuotesivulla on joitain laukauksia tästä telakasta talon ja toimiston ympärillä.

Studio Neatin tuotesivujen mallit vaihtelevat, ja ne ovat kaikki upeita. Tässä on esimerkiksi muutama laukaus tuotesivulta kosketusnäytönastalle. Tämä anatomiatunti on sekä informatiivinen että visuaalisesti vakuuttava.

Sillä välin tämä kynän lähikuva toiminnassa todella haluaa leikkiä yhdellä.

Katso lisää: Studio Neat -tuotesivuesimerkkejä

Materiaalitelakka

Kosmonautti

Apple TV: n etäteline

Tuotesivuja koskevat päätelmät

Nämä kaikki tuotesivut jakavat muutamia yhteisiä asioita. Otetaan heille tldr-tyyli.

Siellä on paljon tilaa - käytä sitä

Nämä tuotesivut eivät anna pikselien mennä hukkaan, eivätkä ne myöskään houkuttele saamaan ostajaa vierittämään hieman. Tuotesivut syntyivät aikakauslehdissä, joissa tila oli arvokasta. Mutta verkossa sinun ei tarvitse valita ylimääräisen kuvan tai sen tarkan yksityiskohtaisen tiedon välillä. Käytä sitä kaikkea.

Videoita ja valtavia kuvia

Olemme koskettaneet videoita. Sinun pitäisi tehdä videoita! Ja tietenkään älä unohda valokuvia. Näillä sivuilla on hienoja kuvia. Jos olet dropshipper, se tarkoittaa, että sinun ei pitäisi käyttää vain toimittajien valokuvia. Tilaa tuotteesi ja ota oma. Sinun ei tarvitse myydä polkupyöriä tai korkean teknologian äänilaitteita, jotta tuotekuvasi heräävät eloon.

Muuntaminen on edelleen mahdollista sivun yläosassa

Nämä leukaa pudottavat tuotesivut auttavat muuttamaan aidalla olevat ihmiset ostamaan. Siksi näemme valokuvia ja videoita sekä hienoja ulkoasuja. Mutta älä unohda ihmisiä, joilla on jo luottokorttinsa! Jos joku on valmis ostamaan, tee se, mitä nämä kaupat tekevät, ja anna tavaroiden ostaa ilman vieritystä tai hakua.