Exemple de pagini de produs pentru conversie optimizată: completați cu ghid

Publicat: 2022-03-01

Imaginează-ți asta: e noaptea târziu și te găsești pe web. Căutați soluția perfectă pentru problema care v-a sâcâit toată săptămâna. Ai mai fost aici. Aplecat, cu capul în mâini, iar somnul îți bate la ușă. Chiar înainte ca orice speranță să se piardă, Eureka! În sfârșit, obțineți un rezultat de căutare promițător. Cu respirația tăiată, dai clic și...

Nimic nu se intampla. După o eternitate, un ecran alb începe să fie randat cu pereți de text și o singură imagine de produs pixelată, minusculă. Flashback-uri din epoca dial-up-ului vă umplu mintea. Scanați pagina pentru un remediu, dar nu sunteți întâmpinat fără informații despre preț, fără recenzii ale clienților și cu mai multe numere de telefon care vă spun să sunați pentru mai multe informații. Nu este o perspectivă a legăturii de lucru, iar singura lor dovadă socială este o animație a unei pisici care vă spune că acest produs este „Purrrrfect!” Este dureros de evident: ai dat peste un cimitir de site-uri web.

Nu lăsa acest coșmar să fie magazinul tău! Cele mai bune experiențe ale utilizatorului provin de la site-uri web care sunt captivante și actualizate în mod regulat, mai degrabă decât de site-uri care îl lasă pe utilizator să se întrebe dacă ar trebui să își ruleze software-ul antivirus. Indiferent dacă tocmai ați început sau doriți să actualizați magazinul dvs. de comerț electronic, suntem aici pentru a vă ajuta!

În acest articol, vom trece peste criteriile minime pe care ar trebui să le aibă fiecare pagină de produs, precum și câteva opțiuni de design de evitat. Am creat chiar și o colecție de paginile noastre de produse preferate cu o listă rapidă de avantaje și dezavantaje pentru fiecare pentru a vă inspira următorul proiect!

Construirea paginii produsului perfect

Scopul paginii dvs. de produs este să vă vindeți produsul! Dar este, de asemenea, să înțelegeți ce se așteaptă vizitatorii dvs. ca site-ul dvs. să facă pentru ei. Persoana medie din SUA petrece șapte ore și 50 de minute pe zi pe internet. Cu atât de mult timp în fiecare zi investit în căutarea diferitelor site-uri web, oamenii care vă vizitează site-ul își vor trata experiența în același mod în care un somelier de primă clasă ar critica o sticlă de vin. Vizitatorii tăi sunt foarte capabili să înțeleagă nuanțele dintre o experiență bună și una proastă.

Nu numai că pagina dvs. de produs ar trebui să includă elementele fundamentale la care vizitatorii dvs. au ajuns să se aștepte, dar ar trebui să ofere o experiență de utilizator fără fricțiuni, incluzând și propriul dvs. fler unic, care îi va face să revină.

Îndeplinirea așteptărilor utilizatorilor tăi poate simți că mergi pe o frânghie strânsă dacă nu ești sigur ce caută aceștia. Acesta este motivul pentru care am creat un ghid care prezintă cele mai bune și cele mai proaste practici pentru proiectarea paginii dvs. de produs, care vă va ajuta să interacționați cu utilizatorii și, în cele din urmă, să vă creșteți rata de conversie.

Cele mai bune practici pentru pagina de produs

Sunt multe lucruri necesare pentru a crea pagini de produse geniale, așa că am creat o listă de caracteristici și concepte ale paginii de produs pe care le considerăm cele mai importante pentru îmbunătățirea experienței vizitatorilor dvs. atunci când sunt utilizate cu gust.

Curățați adresa URL
Nume captivant
Informații transparente și inițiale privind prețurile
Îndemnuri de înaltă vizibilitate (CTA)
Disponibilitatea articolului
Opțiuni de produs distincte
Imagini clare ale produselor cu unghiuri, situații și modele multiplă ale camerei
Abilitatea de a compara produse similare
Butonul „Adaugă la favorite/lista de dorințe”.
Imagini, videoclipuri și gif-uri de înaltă calitate, optimizate pentru web
Secțiunea de întrebări frecvente
Funcționalitate de zoom
Realitate augmentată
Vedere 360°
Descrieri vii ale produselor
Funcție de chat live
Un amestec de produse și stil de viață media pentru relatarea poveștilor

Design receptiv
Secțiunea relevantă „produse conexe”.
Secțiunea „Vânzare în plus”.
Capacitatea de a crește cantitatea de produs
Ghid de mărime/potrivire (dacă este cazul)
Navigare fără întreruperi
Opțiuni intuitive de filtrare
Buton lipicios „Înapoi la început”.
Foarte accesibil pentru utilizatorii cu capacități diferite
Politici de livrare și retur în avans
Butoane lipicioase „Adăugați în coș” sau „Cumpărați acum”.
Dovada sociala
Detalii extinse (materiale, specificații tehnice, dimensiuni, greutate, caracteristici speciale etc.
Fără redundanță
Font spațios și interesant
Timpi de încărcare rapid
Funcționalitate cross-browser
Modul întunecat prietenos

Un cuvânt de precauție - fiți atenți la fluajul caracteristicilor. Acesta este momentul în care o pagină preia atât de multe funcții inutile încât ajunge să dăuneze experienței generale a utilizatorului. O caracteristică de realitate augmentată ar putea să nu ajute o companie care vinde scobitori, dar ar ajuta o companie care vinde mobilier mare. Asigurați-vă că vă faceți timp pentru a evalua ce caracteristici ar putea ajuta să vă prezentați mai bine produsul fără a adăuga totul sub soare pe pagina dvs.

Cele mai rele practici din pagina de produs

Pe măsură ce începeți să implementați cele mai bune practici pe site-ul dvs., ar trebui să fiți atenți la unele dintre cele mai rele practici enumerate mai jos. Aceste concepte pot varia în severitate, de la confuzia utilizatorilor prin utilizarea culorii fontului albastru pentru hyperlink pentru text normal, până la ceva mai rău intenționat, cum ar fi strecurarea articolelor nedorite în coșul de cumpărături al unei persoane.

Prea multe culori
Preț complicat
Design inconsistent
Momeală și tactici de schimbare
Ascunde taxele suplimentare
Descriere prea lungă/prea scurtă sau copiată
Nume de produse inconsistente
Garantii false
Recomandați produse nerelevante
Îngropare apel la acțiuni

Imagini mici și de slabă calitate, videoclipuri, gif-uri
Discuție negativă/dovadă socială
Ferestre pop-up care apar din nou
Confirmă rușine
Furișarea articolelor în coș
Navigare neclară
Font compact
Spațiu negativ ocupat
Fără întrebări frecvente
Nicio dovadă socială

Top 25 de pagini de produse

Groove Life

Ce ne-a plăcut

Soluție foarte informativă și ușoară pentru a afla dimensiunea inelului dvs.
Presiune socială mare (feed Instagram, recenzii)
Descrierea este ușor de digerat.

Ce nu ne-a plăcut

Pretul nu este clar
Ar putea folosi un buton lipicios „Cumpără acum” de pe desktop
Nu folosește tehnici de upsell

Yeti

Ce ne-a plăcut

Funcție îngrijită în care vă va arăta cea mai apropiată locație pe care o puteți cumpăra
Tipografie unică
Branding consistent

Ce nu ne-a plăcut

Spații albe mari inutil sub galeria foto
Secțiunea lipicioasă „cumpără acum” extrem de mare
Nu folosiți videoclipuri sau gif-uri

Uman simplu

Ce ne-a plăcut

Instrument de navigare excelent în partea stângă a ecranului
Secțiunea de revizuire merge la stânga și la dreapta, în loc să se extindă în sus și în jos, folosind mai puține proprietăți imobiliare
Utilizarea excelentă a imaginilor pentru a vinde caracteristici și poveste

Ce nu ne-a plăcut

Niciun buton lipicios „cumpără acum”.
Nicio secțiune de upsell atunci când sunt specializați într-un sistem/ecosistem de gunoi
Culorile pentru CTA, anteturi, recenzii și imagini/insigne nu s-au amestecat.

Îmbrăcat

Ce ne-a plăcut

Pagina facilitează un sentiment de comunitate în rândul cumpărătorilor cu o mare dovadă socială
O mulțime de CTA
Tipografia se potrivește vocii mărcii cu pictograme care să se potrivească

Ce nu ne-a plăcut

Imaginile produselor ar fi putut fi integrate mai bine deasupra pliului
Spațiu alb mare lângă Întrebări frecvente
Lipsește orice antet lipicios, butonul „Cumpără acum” sau mod de a sări în partea de sus

Nanoleaf

Ce ne-a plăcut

Antetul lipicios include navigarea și butonul „Magazin”, care se ascunde și atunci când derulați în jos.
Animație grozavă de defilare deasupra pliului
Construire excelentă a poveștii prin imagini
Titlul paginii se modifică atunci când schimbați filele

Ce nu ne-a plăcut

Din secțiunea Efect de strălucire dinamic lipsește un videoclip
Videoclipul ar fi putut fi redat fără a deschide o fereastră
Spații albe mari, nefolosite sub pliu

Cip

Ce ne-a plăcut

Upsell, upsell și chiar mai mult upsell!!
Utilizarea excelentă a culorilor
Folosirea bună a gifurilor, mai degrabă decât a imaginilor statice

Ce nu ne-a plăcut

Preț inconsecvent
Secțiunea de recenzii te îndepărtează de pagina produsului și nu are dovezi sociale
Politica de garanție/retur/expediere ascunsă, ar putea folosi link-uri pentru citiri suplimentare

DBrand

Ce ne-a plăcut

Opțiuni excelente de personalizare care se reflectă în imaginile produsului.
Povești fantastice spuse de vocea abrazivă fără scuze a mărcii.
Animația de defilare cu fotografii de înaltă rezoluție menține utilizatorul angajat

Ce nu ne-a plăcut1200

Îndemnuri la acțiune foarte limitate
Fără vânzări în plus sau încrucișate, doar o singură vânzare sugestivă
Fără antet lipicios sau buton „Adăugați în coș”.

Vessi

Ce ne-a plăcut

Animații excelente, în special animația cu pantofi care explodează
Antet frumos lipicios cu butonul „Adaugă în coș”.
Secțiune fantastică de recenzii pe care o puteți extinde

Ce nu ne-a plăcut

Feed-ul Instagram ar fi putut fi interactiv
Imaginile s-ar fi putut mări la trecerea cursorului, mai degrabă decât la clic
Antetul lipicios v-ar fi putut permite să schimbați culoarea

Marucci

Ce ne-a plăcut

Personalizare extinsă care actualizează imaginea produsului în funcție de varianta aleasă
Imaginea produsului se lipește în partea de sus a ecranului
Design minimalist, oferă doar ceea ce aveți nevoie

Ce nu ne-a plăcut

Niciun buton lipicios „Cumpără acum”.
Ar fi putut folosi pictograme de încredere și mai multe dovezi sociale
Lipsește culoarea și creativitatea generală

Osprey

Ce ne-a plăcut

Secțiunea „Funcții speciale” interactivă și informativă
Creați secțiuni de upsell și cross-sell
Antet lipicios excelent cu navigare și butonul „Cumpără acum”.

Ce nu ne-a plăcut

Secțiune de recenzie foarte lungă
Imaginile produselor ar fi putut fi mai unice între variante
Coloane laterale goale mari care ar fi putut fi folosite pentru a extinde povestea mărcii, care îi lipsește paginii

Trupa Olufsen

Ce ne-a plăcut

Dovada socială de la experți
Utilizare excelentă a butoanelor și antetelor lipicioase, utilizarea extraordinară a vânzărilor suplimentare pe toată pagina, în secțiunile relevante
Fotografii și videoclipuri grozave ale produselor

Ce nu ne-a plăcut

Ar putea stila mai bine etichetele H
Nu există întrebări frecvente „pe pagină”.
Nu există recenzii ale clienților

Leatherman

Ce ne-a plăcut

Imagini excelente ale produselor
Secțiunea „Instrumente”, „Funcții” și „Specificații” este interactivă, intuitivă și informativă
Interacțiunea comunității cu @leathermantools în feedul lor Instagram

Ce nu ne-a plăcut

Secțiunea de recenzii este mare, de asemenea, secțiunea de recenzii evidențiate este redundantă
Nu se spune nicio poveste
Fără nimic lipicios (în afară de chat)

Acid de suc

Ce ne-a plăcut

Partenerii de retail ai emisiunii
Descrierea produsului nu este doar un paragraf de text, ci este împărțită în puncte ușor de digerat
Secțiunea de comparare este bună

Ce nu ne-a plăcut

Spațiu alb în exces
Fără atractie pentru utilizator (fără poveste, fără beneficii
Neorganizat / fără flux către el

Herman Miller

Ce ne-a plăcut

Folosirea tipografiei din cutie
Folosirea excelentă a videoclipului
O mulțime de informații detaliate cu imagini grozave pentru a le însoți

Ce nu ne-a plăcut

Lista derulantă cu detalii despre produs este deschisă automat, creând un perete mare de text simplu
Alinierea inconsecventă a textului
Secțiunea Întrebări și răspunsuri despre produs și secțiunea de recenzii ar fi trebuit să fie un drop-down

Pagina de produs a scaunului Herman Miller

HURU

Ce ne-a plăcut

Buna utilizare a upselling-ului
Explicați bine produsul prin imagini și descrieri informative
Funcționalitate bună de coș, adăugarea lipicioasă în coș în partea de jos vă permite să adăugați în coș în timp ce rămâneți pe pagină

Ce nu ne-a plăcut

Secțiunea de recenzii ar trebui să fie mai mică, clienții sunt obișnuiți ca aceasta să fie mai mică
CTA nu are culoare, dar au o animație cool
Secțiunea de revizuire ar fi putut fi redusă la minimum

JBL

Ce ne-a plăcut

Cel mai bun checkout pe care l-am văzut până acum
Utilizarea excelentă a culorilor mărcii
Mare secțiune de comparație

Ce nu ne-a plăcut

Glisorul caracteristic nu este grozav, culoarea inconsecventă, butonul următor slab
Butoanele de pe pagină vă conduc la o pagină separată
Secțiuni de suport redundante

Corsar

Ce ne-a plăcut

Butoane lipicioase, dar antetul lipicios dispare atunci când derulați în jos pentru a oferi spațiu imobiliar maxim pentru restul paginii produsului. Reapare când derulați în sus
Utilizarea excelentă a videoclipului pe toată pagina
Animația de defilare cu fotografii de înaltă rezoluție și CTA menține utilizatorul implicat

Ce nu ne-a plăcut

Plictisitor deasupra zonei de pliere în comparație cu restul paginii
Fără vânzări în plus sau secțiune de vânzare încrucișată
Navigare lentă prin galeria foto

UgMonk

Ce ne-a plăcut

Folosirea bună a gifurilor, mai degrabă decât a imaginilor statice
Bună utilizare a vânzărilor în plus și a vânzărilor încrucișate
Buna utilizare a Social Proof

Ce nu ne-a plăcut

Imaginile sunt redundante
Revizuirea produsului ar putea fi mai bună (vă aduce la fund fără o cale de întoarcere rapidă)
Nu există nicio modalitate de a cumpăra un produs rapid sau în orice moment al paginii

Eşalon

Ce ne-a plăcut

Un mare simț al comunității prin Instagram
Foarte puțin spațiu alb irosit
Antetul lipicios include un buton „Cumpără acum”.

Ce nu ne-a plăcut

Secțiunea Pitbull este polarizată
Secțiunea de membru ar fi putut folosi o secțiune interactivă
Pe Safari, apare o problemă de defilare de blocare atunci când încercați să defilați peste o galerie foto

DJI

Ce ne-a plăcut

Vânzări extraordinare cu un buton atractiv „Cumpără acum” care are o integrare a estimării de livrare
Frumos secțiunea „în cutie”.
Utilizarea excelentă a imaginilor pentru secțiunea „Aruncă o privire mai atentă”.

Ce nu ne-a plăcut

Nicio secțiune de recenzii cu puține dovezi sociale
Secțiunea „Care este cel mai bine pentru tine” ar trebui să aibă link-uri către produsele la care se face referire
Nu prea multă poveste pe pagina produsului

Brew Dr (20)

Ce ne-a plăcut

Menține schema de culori pe toată pagina, inclusiv stelele din secțiunea de recenzii. Fiecare pagină de produs are o schemă unică de culori bazată pe stilul artistic
Vânzare încrucișată bună a altor produse
Dovadă socială fantastică pe toată pagina

Ce nu ne-a plăcut

Fără vânzări suplimentare (s-ar putea vinde produse)
Secțiune de recenzie foarte lungă
Fără antet lipicios sau buton „Înapoi la început”.

Tăieturi

Ce ne-a plăcut

Secțiunea de selecție a produselor este diversă
Presiune socială mare, au chiar și propriul lor hashtag
Videoclipul lor arată perfect se îmbină în pagină

Ce nu ne-a plăcut

Secțiune de recenzii inutil de mare
Fără poveste/legaturi emoționale cu produsul
Fără butoane lipicioase „Cumpără acum” sau posibilitatea de a sări în partea de sus

Alloi

Ce ne-a plăcut

Statistici animate de dovadă socială
Poate minimiza secțiunea de recenzii
Secțiunea Întrebări frecvente este ușor de citit și se ascunde frumos

Ce nu ne-a plăcut

Secțiunea concepută la perfecțiune ar putea fi interactivă
Butoanele „următorul” și „anterior” pentru imaginea produsului își schimbă poziția în funcție de imagine, la selectarea diferitelor culori, imaginile nu se fixează la culoarea corectă
Folosirea greșită a sublinierii conținutului/textului care nu face legătura cu nimic

Dispozitive de trasare

Ce ne-a plăcut

Design placut al paginii
Tonul copiei este relaxat
Videoclipuri și imagini bine integrate

Ce nu ne-a plăcut

Nicio dovadă socială
Nu este interactiv când ar putea fi și ar putea folosi mai multe animații
Fără vânzări suplimentare

Pagina produsului pentru notebook Plot Devices

Al naibii de tare

Ce ne-a plăcut

Opțiunile de personalizare sunt reflectate în imaginile produsului.
Povești fantastice spuse de vocea neplăcută a mărcii.
Folosirea excelentă a dovadă socială a instagramului

Ce nu ne-a plăcut

Niciun buton lipicios „Cumpără acum”.
Fără vânzări suplimentare
Secțiune masivă de recenzii

Pagina de produs pentru șosete Darn Tough

Concluzie

Acum că ați terminat de răsfoit toate exemplele noastre de pagini de produse preferate, poate fi mai evident ce diferențiază o experiență bună de utilizator de una proastă. În timp ce acum sunteți echipat cu cunoștințele necesare pentru a crea pagini grozave de produse, nu trageți un căpitan Ahab și petreceți toată viața căutând pagina de produs perfectă . Vă vom scuti de bătăi de cap, nu există. Trebuie doar să țineți cont de timpul și experiența pe internet a vizitatorilor dvs., astfel încât să puteți depăși așteptările acestora.

Dacă simțiți că aveți nevoie de îndrumări suplimentare sau dacă acest lucru este prea copleșitor, nu mai ezitați asupra viselor tale și contactați astăzi echipa noastră de experți în paginile de produse de la WebCitz!