Stránky produktu: 6 obchodov s ohromujúcimi stránkami produktov

Produktové stránky sú to posledné, čo zákazníci vidia pred uskutočnením nákupu.

Prípadne, ak veci nepôjdu podľa predstáv, posledná vec, ktorú vidia, kým narazia na východ.

Poďme rozobrať šesť obchodov zo šiestich rôznych výklenkov, každý s ohromujúcimi stránkami produktov. Dáme ich produktové stránky - všetky boli vytvorené pomocou Shopify - pod mikroskop, aby sme zistili, čo robia, čo môžete replikovať vo svojom obchode.

Obsah príspevku

ako rozbehnúť youtube biznis

Štandardná stránka produktu
Allbirds
On
Čisté cykly
Stručné slovo o videách na stránke produktu
Master & Dynamic
Nedeľná zásoba
Štúdio elegantné
Závery o stránkach produktov
Chcete sa dozvedieť viac?

Nečakajte, až to urobí niekto iný. Najmite sa a začnite volať strely.

OPTAD-3
Začnite bezplatne

Štandardná stránka produktu

Je pravdepodobné, že akákoľvek šablóna návrhu, ktorú použijete pre svoj obchod Shopify, bude backend produktovej stránky vyzerať asi takto:

Takto viac-menej vychádzajú stránky produktu z krabice: obrázok v ľavom popise a Pridať do košíka tlačidlo na pravej voliteľnej položke, ako sú napríklad sociálne tlačidlá, výber množstva atď.

Keď budú takéto stránky zverejnené, budú sa viac-menej podobať tejto:

Nič v zlom. Všetko podstatné je tu. Viac obrázkov, možností farieb a (samozrejme) Pridať do košíka tlačidlo.

Pozrime sa však na to, ako niekoľko dômyselných obchodov premieňa stránky štandardných produktov na do očí bijúce stránky produktov.

Allbirds

Spoločnosť Allbirds, ktorá predáva topánky, vytvorila stránku produktu, na ktorú sme sa pozreli vyššie. Viete, ten normálne vyzerajúci.

Ale produktové stránky Allbirds sú normálne iba vtedy, ak sa neposuniete nadol. Len čo sa ponoríte, nájdete niektoré z najlepších stránok produktov v okolí.

Tady je toho veľa. Po prvé, Allbirds dodržiava staré príslovie, že „forma nasleduje funkciu“. Menovite majú popis produktu, ktorý elegantne zapadá do poskytnutého priestoru vedľa zobrazeného obrázka bez toho, aby narušil symetriu rozloženia.

Ale nie je núdza o informácie! Pretože keď kliknete na Viac informácií, budete presmerovaní na kotvu nižšie na stránke produktu.

Na tomto mieste nájdete rozsiahlu farebnú sekciu venovanú detailom, ktoré sa na seba nezmestia čisto:

Neexistuje pravidlo, ktoré hovorí, že popisy produktov sa musia obmedziť na ten malý kútik nad tlačidlom košíka. Posunutím týchto detailov nadol získate Allbirds to najlepšie z oboch svetov: veľa detailov a obrázkov zvýrazňujúcich produkt, a rozloženie, ktoré je intuitívne. (Toto rozloženie tiež zaisťuje, že Pridať do košíka tlačidlo zostáva pripnuté nad záhybom. Kam to patrí.)

Ďalšou úžasnou vecou na stránkach produktov Allbirds sú drzé videá, ktoré vkladajú:

Po kliknutí na tento obrázok sa namiesto iného produktu zobrazí video. Video je jednoduché - je to len pár sekúnd. Žiadne nominácie na Emmy. Ale tieto dotyky môžu spôsobiť revolúciu vo vašich produktových stránkach.

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

Ešte pár vecí, na ktoré je potrebné poukázať na stránkach produktov Allbirds.

Chcete, aby boli vaše produktové stránky nezabudnuteľné? Čo tak veľký obraz bizarného zvieraťa vo vysokom rozlíšení:

Potom existuje rad výhod, ktoré siahajú od pohodlia cez pohodlie po ochranu životného prostredia, každá s vlastnou šikovnou ikonou:

Zátky sociálnych médií na stránke produktu? Áno, prečo nie:

Viac informácií: Príklady produktových stránok Allbirds

Pánske vlnené bežce

Mužskí bežci na strome

Dámske vlnené ležadlá

On

Ďalej je na rade škandinávska značka nábytku Hem. Spoločnosť Hem využíva niektoré šikovné taktiky na to, aby z produktových stránok urobila svoj vlastný zážitok.

Dobre, tu je základná stránka produktu - to je časť nad záhybom stránky. Ak by sa už niekto rozhodol pre nákup, mohol by rovno uskutočniť objednávku.

Lem má svoj vlastný spôsob, ako byť ekonomický s ďalšími podrobnosťami. Namiesto odkazov na iné časti stránky produktu využívajú funkciu zbalenia. Tento…

… Zmení sa na toto:

Toto rozloženie umožňuje, aby ste nemuseli posúvať nadol, aby ste získali všetky dôležité informácie. Samozrejme, ak ty robiť posuňte sa nadol, veci budú dosť zaujímavé.

Toto sú prvé dva obrázky, ktoré narazíte: jeden je video, druhý kaktus.

Nepamätám si, že by som niekedy videl kaktus sedieť na gauči. To znamená, že som na tento gaučový kaktus nezabudol, pretože som ho videl. Je to len ... super. Drahý gauč na jednej strane - gauč, ktorý sa môže pochváliť celou triedou, ktorú by ste od špičkového škandinávskeho dizajnu očakávali - a na druhej strane malým kaktusom. Táto čudnosť sa podarí vytvoriť bizarne nezabudnuteľnú scénu.

A potom video. Opäť nejde o videofilmy na úrovni filmových festivalov. Ale sú to pohyblivé obrázky a ľudia milujú pohyblivé obrázky. 26-sekundové video zobrazuje pohovku z nespočetných uhlov a ilustruje, aké ľahké je postaviť.

Potom ďalšie obrázky - veľké, nádherné obrázky - s trochou napísaného slova, ktoré zákazníkom poskytnú ďalšie podrobnosti, ktoré by mohli chýbať.

Pozrieť viac: Príklady produktových stránok Hem

ako preposielam obrázok na instagrame

2-miestna leňoška Palo

Stolička Udon

Celá drevená stolička

Čisté cykly

Tvorca bicyklov Pure Cycles začleňuje na svoje produktové stránky viac ako niekoľko šikovných prvkov.

Prejdime k štyrom jemným, ale skvelým dotykom.

1. Toto srdiečko

Toto srdce vám umožní pridať niečo do svojho zoznamu želaní. Je to pekný dotyk z niekoľkých dôvodov: Po prvé, uľahčuje to budúce nákupy, čo je vždy dobrá vec. Po druhé, láka ľudí, aby si pozreli svoje kontaktné údaje, čo umožňuje Pure Cycles urýchliť budúci nákup pomocou e-mailov a zľavových kódov.

2. Táto možnosť aplikácie Messenger

To môže byť pre nakupujúcich veľmi výhodné. Pravdepodobne to tiež nepoškodí snahu spoločnosti Pure Cycles’s Facebook o to, aby sa zákazníci na stránkach produktov zapojili do platformy sociálnych médií.

3. Viac obsahu!

Pure Cycles vám dáva vedieť, že pod záhybom tejto stránky s produktom je ďalší obsah. Pre prípad, že by si niekto mylne myslel, že táto stránka sa začala a skončila jednoduchým nákupom.

4. Krásne video

Na záver je video vložené medzi fotografie produktu.

Kliknite na toto a dostanete toto. Nič zlé na 50 sekundách dvoch dobre vyzerajúcich ľudí, ktorí si užívajú život so svojimi bicyklami Pure Cycles:

Zvyšok stránky produktu Pure Cycles je predvídateľne krásny. Pure Cycles to načíta recenziami zákazníkov, fotografiami, zástrčkami na sociálnych sieťach a podrobnosťami o preprave - veci, ktoré by sa tam určite nezmestili vedľa Pridať do košíka tlačidlo.

A pre tých, ktorí túžia po konkrétnych detailoch, ponúka Pure Cycles:

Viac informácií: Príklady stránok s produktmi Pure Cycles

Cestný bicykel

Čistý mestský bicykel

Urban Commuter

Originálne Plus

Stručné slovo o videách na stránke produktu

Ak ste si práve pozreli video Pure Cycles, možno si myslíte: „Ako &% $ ^ chystám niečo také vytvoriť?“

Niet pochýb o tom, že toto video je pekne uhladené. Takéto veci sa neobjavujú z ničoho nič.

Videá však nie sú nemožné!

Neveríte mi? Predpokladajme, že Oberlo začal predávať mikiny. Mikiny sú také položky, ktoré by určite mohli slúžiť ako videozáznam na stránke produktu - a tak sme si jednu uvarili! Táto bola vytvorená asi za 45 minút, od nakrúcania cez strih, export po odovzdanie.

Iste, toto video nebude mať žiadne standing ovations. A je ti odpustené, ak si nekúpiš jednu z týchto mikín. Nerobte však oči pri myšlienke robiť video! Nie je to len niečo pre veľké značky. Prekážka vstupu sa znížila na to, že si dáte silnú kávu a iPhone.

Dobre, prechádzam k nášmu ďalšiemu obchodu.

Master & Dynamic

Spoločnosť Master & Dynamic predáva špičkové zvukové príslušenstvo. Horná časť stránky produktu je relatívne normálna ...

... ale potom sa veci stávajú vyslovene elegantnými, keď sa rozhliadnete.

Tu je stránka produktu Master & Dynamic pod záhybom stránky - kvázi časová os funkcií:

To je celkom vynikajúce: použitie vzhľadu skutočného produktu na podporu rozloženia. Iste, kábel slúchadiel je obzvlášť dokonalý. Ale aj keď predávate fidget spinnery, podložky na jogu alebo niečo iné, vytvorenie stránky produktu okolo produktu vám poskytne koherentnú štruktúru, s ktorou môžete pracovať.

Postupne po dokončení série hypnotizujúcich fotografií získate technické špecifikácie.

Viac informácií: Príklady stránok produktu Master & Dynamic

Slúchadlá ME05

Bezdrôtové slúchadlá do uší MW60

Bezdrôtový reproduktor

Nedeľná zásoba

Spoločnosť Sunday Supply, austrálsky obchod, ktorý predáva plážové slnečníky, je na vysokej úrovni so svojimi produktovými stránkami. Ako, doslova veľké.

Ignorujú štandardné rozloženie „produkt vľavo, podrobnosti vpravo“ a namiesto toho použijú všetky obrázky:

Dokonca aj stránka produktu darčekovej karty vedie s obrovským obrázkom:

Nemusíte ísť ďaleko, aby ste našli Pridať do košíka tlačidlo, ktoré je umiestnené priamo pod týmto obrázkom. (Tlačidlá Sunday Supply hovoria „Pridať do tašky“, pretože je to s témou pláže.)

Potom narazíte na niektoré podrobnosti o produkte, ktoré sú napísané neodolateľne očarujúcim hlasom a dajú tak dáždniku ľudské vlastnosti, ako napríklad „byť milovníkom dlhých dní na slnku a skvelým spoločníkom.“

ako získať 100 lajkov na instagrame bez hashtagov

Ďalšie podrobnosti, ako napríklad „Skladanie do hmotnosti 1,2 M x 0,2 M X 0,2 M“ alebo „Hmotnosť ~ 7,0 KG“, nájdete nižšie na stránke, takže to má všetko spoločné. Prečo však so zábavnými vecami neviesť?

Ako by bolo rozumné v každom obchode s plážovým výstrojom, Sunday Supply tiež predvádza svoje výrobky vo voľnej prírode. Keď ako pozadie môžete použiť oceán, prečo nie?

Pozrieť viac: Príklady produktových stránok Sunday Supply

Prírodný inštinktový plážový dáždnik

Darčeková karta

Plážový dáždnik Animal Kingdom

Štúdio elegantné

Úložné a nabíjacie jednotky zariadenia Studio Neat majú stránky s výrobkami, ktoré sú rovnako elegantné ako elegantné položky, ktoré predávajú.

Infraštruktúra stránky je štandardná, ale výnimočne vykonaná. Dve vety textu popisu vám umožňujú predstaviť si, ako by položka vyzerala na vašom mieste - „Na vašom nočnom stolíku alebo na stole…“ - a dotyky, ako napríklad kruhový obrázok, jej dodávajú trochu popu.

Tesne pod tým narazíme na video, ktoré je čisté a vyleštené, ale nič, čo by vyžadovalo hollywoodske know-how.

ako preprogramovať príspevok na instagrame

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

Potom sa stránka produktu zmení na vizuálnu prehliadku funkcií, ktoré by ste mohli očakávať, keby ste si kúpili túto dokovaciu stanicu. Po celú dobu sú tu zvýraznené neformálne texty („Takže bez ohľadu na to, ako sa pohybujete, budete mať miesto pre svoje zariadenia“).

Stránka produktu obsahuje nakoniec niekoľko záberov z tohto doku telefónu v domácnosti a kancelárii.

Dizajny produktových stránok Studio Neat sa líšia a sú vynikajúce. Tu je napríklad niekoľko záberov zo stránky produktu s kódom PIN pre dotykovú obrazovku. Táto hodina anatómie je informatívna a vizuálne príťažlivá.

Tento detailný záber na pero v akcii medzitým skutočne vyvoláva túžbu pohrať sa s jedným.

Pozrieť viac: Príklady produktových stránok Studio Neat

Materiál Dock

Kozmonaut

Diaľkový stojan Apple TV

Závery o stránkach produktov

Všetky tieto produktové stránky zdieľajú niekoľko spoločných vecí. Poďme na ne naraziť štýlom.

Je tu veľa priestoru - využite ho

Tieto produktové stránky nenechávajú pixely plytvať ani sa nevyhýbajú tomu, aby kupujúci trochu roloval. Produktové stránky sa zrodili v časopisoch a novinách, kde bol vzácny priestor. Ale online si nemusíte vyberať medzi týmto extra obrázkom a tým ďalším podrobným informáciám. Využite to všetko.

Videá a obrovské obrázky

Dotkli sme sa videí. Mali by ste robiť videá! A samozrejme nezabudnite na fotografie. Tieto stránky majú vynikajúce obrázky. Ak ste dropshipper, znamená to, že by ste nemali používať iba fotografie svojich dodávateľov. Objednajte si svoje výrobky a vezmite si vlastné. Na to, aby fotografie vašich produktov ožili, nemusíte predávať bicykle ani špičkovú zvukovú výbavu.

Konverzia je stále možná v hornej časti stránky

Tieto produktové stránky, ktoré upúšťajú z čeľuste, pomôžu premeniť ľudí, ktorí sa bránia nákupu. Preto vidíme fotografie a videá a efektné rozloženia. Nezabudnite však na ľudí, ktorí už majú kreditné karty vyčerpané! Ak je niekto pripravený kúpiť, urobte to, čo robia tieto obchody, a umožnite nákup položiek bez posúvania alebo hľadania.