5 izcilā produktu lapu dizaina piemēri un to, ko jūs varat no tiem mācīties

Ievads

Apmeklējot e-komercijas vietni, klientiem jau no paša sākuma ir jābūt vienkāršiem: pievilcīgiem, vienkāršiem un precīziem. Produkta lapas dizains ir viens no svarīgākajiem kopējās lietotāja pieredzes aspektiem, jo tieši šīs lapas galu galā pārvērš pārlūkus par klientiem. Tāpēc, izstrādājot produktu lapas dizainu savam interneta veikalam, galvenā uzmanība jāpievērš piedāvātajiem produktiem, augstas kvalitātes attēliem un detalizētai informācijai.

Lielākā daļa klientu pirms pirkuma veikšanas izskata produkta lapu, tāpēc, ja veidojat jaunu vietni vai optimizējat e-komercijas vietnes veiktspēju, atcerieties, ka labs dizains sākas ar lietotāja vajadzību izpratni un atbilstošu pielāgošanu.

Izpētīsim, kā izveidot izcilu produktu lapu, aplūkosim dažus labākos produktu lapu dizaina paraugus un galvenās iezīmes, kas produktu lapu padara vērtīgu un pievilcīgu.

Kā izstrādāt produkta lapu

Lai gan dizaina process var atšķirties atkarībā no dizainera, ir dažas lietas, kas ikvienam būtu jāpatur prātā, mācoties, kā veidot produktu lapas.

1. Izmantojiet augstas kvalitātes attēlus

Iepirkšanās tiešsaistē ir pilnībā vizuāla, un produktu fotoattēli ir ļoti svarīgi jebkurā produktu lapā. Tā kā klienti nevar pieskarties produktiem un tos izmēģināt kā fiziskā veikalā, attēli palīdzēs viņiem izlemt, vai viņi vēlas kaut ko iegādāties vai nē.

Veidojot vietni, izmantojiet optimizētus attēlus un atjauniniet tos. Optimizētajiem attēliem jābūt pareizā faila tipam, izmēram un saspiestiem, lai nodrošinātu ātrāku lapas ielādes laiku. Turklāt jūsu attēliem jābūt fokusētiem, ar vienkāršu fonu un jānodrošina vairāki leņķi, lai lietotāji varētu redzēt, ko viņi saņem.

2. Izveidojiet pārliecinošu aicinājumu rīkoties

Aktīvā valoda motivē klientus rīkoties, lai iegādātos produktu vai uzzinātu par to vairāk. Veidojot un formatējot aicinājuma veikt darbību (jeb CTA) pogas, saglabājiet tās īsas, kodolīgas un radiet ziņkārības sajūtu; citiem vārdiem sakot, efektīvai CTA pogai vajadzētu izraisīt klikšķi.

3. Rakstīt informatīvus produktu aprakstus

Mēs jau esam teikuši, ka lieliskai produktu lapai ir svarīgi attēli, taču tikpat svarīga ir arī laba produktu kopija.

Produktu apraksti sniedz klientiem detalizētu informāciju par katru produktu. Jā, tajos ātri jānonāk pie būtības, taču tajos jāiekļauj arī sīkāka informācija, piemēram, par materiāliem, krāsām un galvenajām īpašībām.

Produktu attēliem un aprakstiem ir jāsadarbojas, lai pārliecinātu kādu iegādāties jūsu piedāvāto preci.

4. Parādiet pārredzamu cenu noteikšanu

Lēmumu par pirkumu pieņem ne tikai tad, ja produkts ir novērtēts ar piecām zvaigznēm, ja ir skaidrs un pārliecinošs teksts un lieliski attēli; izšķirošais faktors ir arī cena. Jums vienmēr jānorāda skaidras cenas **ar lielu burtu izmēru un jāizvairās no neskaidrām atlaidēm un sīka drukāta teksta.

5. Iekļaut sociālo pierādījumu

Mūs ietekmē sociālā uzvedība, tāpēc, redzot cilvēkus, kas gaida rindā, lai saņemtu galdiņu restorānā, vai ģimenes locekļus, kuri iesaka kādu produktu, mūsu lēmumu par pirkumu bieži vien ietekmē tas, ko citi par to dara vai saka. Iepirkšanās tiešsaistē nav izņēmums.

Patiesībā 97 % klientu apgalvo, ka tiešsaistes atsauksmes ietekmē viņu lēmumu par pirkumu, tāpēc nav nekādu šaubu, ka sociālo pierādījumu iekļaušana labvēlīgi ietekmēs jūsu produktu lapas konversiju.

6. Esi konsekvents

Jūsu tīmekļa vietnei un katrai produktu lapai jābūt ne tikai izteiksmīgam dizainam, bet arī vienotām, labi integrētām krāsām un savstarpēji saskanīgiem attēliem.

Nodrošiniet zīmola konsekvenci, izmantojot krāsu paleti, īpašus fontus un saskaņotu balss toni rakstītajā saturā. Lai panāktu vizuālu konsekvenci, varat izmantot tīmekļa vietnes grafiskos šablonus; tas palīdzēs jums izveidot unikālu, vienotu izskatu dažādās produktu lapās un mērķlapās.

(Attēlu avots: Envato Elements)

5 skaisti produktu lapu dizaina piemēri un to, kāpēc tie darbojas

Tagad, kad esam aplūkojuši e-komercijas produktu lapas izveides pamatus, aplūkosim to zīmolu piemērus, kas produktu lapas tīmekļa dizainā ir pareizi.

1. Apple

(Attēlu avots: Apple / iPad)

Kāpēc tas darbojas?

Šajā lapā Apple dizaina komanda ir radījusi iespaidīgu klientu pieredzi bez traucējošiem elementiem, koncentrējoties uz produktu un tā unikālajām funkcijām. Kopija ir īsa, iedvesmojoša, un, lietotājiem turpinot ritināt, atklājums turpinās ar īsiem aprakstiem un produkta attēliem, kas izceļas uz balta fona.

Ko jūs varat iemācīties?

Kad runa ir par attēliem, kopiju un citiem produktu lapas dizaina elementiem, mazāk ir vairāk.

Apple ir veikusi nevainojamu darbu, veidojot produktu lapu. Katrs attēls, baltā vieta, vārds un detaļa ir rūpīgi izvēlēti, lai kopējais izskats būtu tīrs, konsekvents un izceltu produktu.

Šāds minimālistisks dizains neatstāj vietu nekādai izklaidei, tāpēc, veidojot lapu, izvēlieties vienkāršu izkārtojumu.

2. Chronicle Books

(Attēlu avots: Chronicle Books)

Kāpēc tas darbojas?

Lai gan šajā vietnē ir izmantotas spilgtas krāsas visās kategorijās, produktu lapās galvenā uzmanība tiek pievērsta personalizācijai. Chronicle Books ļauj viegli identificēt kategorijas no augšējās izvēlnes un attiecīgi parādīt saistītu un atbilstošu saturu.

(Attēlu avots: Chronicle Books)

Saistītu grāmatu ieteikšana, kuras lietotāji var pievienot savam grozam, neizejot no lapas, kuru viņi patlaban pārlūko, ir efektīvs veids, kā saglabāt viņu interesi par jau atlasīto produktu klāstu.

Ko jūs varat iemācīties?

Personalizēta klientu pieredze ir ļoti svarīga produktu lapās, ja vēlaties, lai lietotājs atrastu to, ko meklē, un, cerams, ne tikai, lai palielinātu savu iepirkumu grozu apjomu. Padomājiet par saviem produktiem un to, kā saistīt citus produktus, kas ne vienmēr ietilpst tajā pašā kategorijā, bet, iespējams, atbilst klienta plašākām interesēm.

3. Farfetch: Viss par detaļām

Kāpēc tas darbojas?

Modes e-tirgotājam Farfetch laba produktu lapa ir atkarīga no detaļām. Klienti vienuviet var iegūt skaidru informāciju par produktu kopšanu, izmēriem, cenu, piegādes termiņiem un dizaineri. Ir pat iespēja pievienot preci vēlmju sarakstam, ja viņi nav gatavi iegādāties tieši tagad.

Ko jūs varat iemācīties?

Pajautājiet saviem klientiem, kāda veida informāciju viņi meklē, pārlūkojot jūsu un jūsu konkurentu produktu lapas. Jums jāpielāgo produktu lapās attēlotā informācija, ņemot vērā pieprasījumus, kas palīdzēs klientiem pieņemt lēmumu par pirkumu.

(Attēlu avots: Farfetch)

4. Zara: Padariet to aizraujošu

(Attēlu avots: Zara)

Kāpēc tas darbojas?

Zara tīmekļa vietnē pieredze nesākas ar pašu produkta lapu. Sākot ar sākumlapu, lietotājs jūtas kā augstās modes skrejceļa šovā, kur modeles staigā pa podestu ar jaunāko Zara kolekciju. Zem video ir bezgalīga ritināšana, kas ļauj lietotājam aplūkot skaisti atlasītus redakcijas attēlus, nevis meklēt produktus katalogā.

Zara piedāvā lielu produktu skaitu un pastāvīgi atjauno krājumus, taču ir tikai dažas produktu kategorijas. Šāda kataloga vienkāršošana padara pārlūkošanu vienkāršāku un ļauj lietotājiem sašaurināt meklēšanu, izmantojot līdz pat desmit filtriem.

(Attēla avots: Zara / Woman / Party)

Ko jūs varat iemācīties?

Šādas aizraujošas produktu lapas ir jārada, jo attēli ir uzņemti redakcionālā stilā, nevis uz vienkārša fona. Tāpat ir jāapsver, kā produktu fotogrāfija iekļaujas plašākā vietnē un ārpus vietnes sniegtajā pieredzē, neatkarīgi no tā, vai tas ir videoklips sākumlapā vai attēli, kas tiek koplietoti, izmantojot Instagram. Ja šī pieeja tiek īstenota efektīvi, tā var palīdzēt ne tikai pārdot produktus, bet arī veidot saikni ar zīmolu un klientiem.

5. Glossier: Jūsu produktu varonis

(Attēlu avots: Glossier)

(Attēlu avots: Glossier)

Kāpēc tas darbojas?

Skaistumkopšanas zīmola Glossier mājaslapas galvenais varonis ir produkti, kas, protams, ietver arī produktu lapas. Viss, kas atrodas ap produktu attēliem, - vai tā būtu kodolīga kopija, lietotāju atsauksmes, krāsu paletes atlasītājs vai "vislabāk novērtēto" birkas - ir veidots tā, lai informētu lietotāju par paša produkta vērtību. Attēlu galerijas palīdz parādīt dažādas produkta variācijas, tādējādi atvieglojot lēmumu par to, ko izvēlēties. Tas ir ļoti svarīgi tādiem produktiem kā kosmētika, kur pircējam nav iespējas vispirms izmēģināt produktu.

Ko jūs varat iemācīties?

Ja jūsu produkts ir galvenā zvaigzne, nevilcinieties to izvirzīt priekšplānā un centrā. Dizaineri dažkārt novērš uzmanību no izkārtojumiem, zīmola līdzekļiem un papildu grafikas un aizmirst, ka produkts ir galvenais pārdošanas punkts. Arī atsauksmes var darīt brīnumus, ja jums nepieciešams atdzīvināt savu produktu un parādīt sociālos pierādījumus par tā vērtību, ko sniedz reāli lietotāji.

Kas veido lielisku produkta lapas dizainu?

Kā redzējām, aplūkojot piecus labākās prakses produktu lapu dizainus, labā produktu lapā ir daudz kas, taču ir dažas būtiskas sastāvdaļas, kas nepieciešamas katrai produktu lapai.

Baymard Institute veiktajā pētījumā ieteiktas 95 vadlīnijas, kas jāievēro, izstrādājot produktu lapu, tostarp izkārtojums, produktu attēli, attēlu galerija, sadaļa "pirkt", piegāde, atgriešana, dāvināšanas politika, produktu variācijas, apraksti, specifikācijas, lietotāju atsauksmes, kā arī savstarpējā pārdošana un savstarpējā navigācija.

Pētījumā atklājās, ka tikai 18 % no 185 ASV un Eiropas e-komercijas vietnēm, kas gūst vislielāko peļņu, produktu lapas darbība ir "laba" vai "pieņemama". Specifikācijas ir viena no visbiežāk sastopamajām problēmām.

(Attēlu avots: Baymard Institute)

Kas ir labs dizains?

Neskatoties uz daudzajiem veidiem, kā panākt labu dizainu un to definēt, daži vācu rūpnieciskā dizainera Dītera Ramsa (Dieter Rams) izstrādātie principi var jums palīdzēt dizaina procesā.

1. Labs dizains ir inovatīvs.
2. Tas padara produktu noderīgu un saprotamu.
3. Ir estētisks.
4. ir neuzbāzīgs.
5. Ir godīgs.
6. Tas ir ilgmūžīgs, lai gan šajā digitālajā pasaulē tas, iespējams, nav tik aktuāli.
7. Tas apliecina uzmanību detaļām.
8. Tas ir videi draudzīgs.
9. Tam nepieciešams pēc iespējas mazāk dizaina.

Kopsavilkumā tas nozīmē, ka tas nozīmē saglabāt vienkāršību, koncentrēties uz būtiskāko un izvairīties no tādu funkciju pievienošanas, kas neveicina lietojamību.

Produkta lapas dizaina paraugprakse

Protams, svarīgs ir labs dizains, taču neviens uzņēmums nevar izdzīvot bez peļņas. Tāpēc papildus vizuālo elementu un formātu apguvei jums ir jāiemācās, kā veidot produktu lapas, kas palielina pārdošanas apjomu tiešsaistē.

Saskaņā ar Shopify un Nielsen Norman Group veikto pētījumu šie ir labākie piemēri, kas palīdzēs pircējiem izlemt, ko viņi vēlas iegādāties.

1. Aprakstošs produkta nosaukums
2. Precīzi produktu attēli
3. Detalizēts, palielināts katra produkta skats
4. Cena un papildu izmaksas
5. Skaidras produktu izvēles iespējas
6. Pieejamība
7. Skaidrība, pievienojot preces grozā, atgriezeniskā saite, kad tās ir pievienotas
8. Informatīvs produkta apraksts

Produkta lapas dizaina veidnes

Ja projektēšana no nulles nav jūsu stiprā puse vai jums ir nepieciešami daži radoši līdzekļi, lai sāktu darbu, jums vajadzētu apsvērt iespēju izmantot produkta lapas dizaina veidni, tiešsaistes dizaina rīkus un tīmekļa veidnes, lai sasniegtu vislabāko iespējamo rezultātu. Produktu lapu dizaina veidņu izmantošanas priekšrocības ir procesa vienkāršošana, laika ietaupīšana un konsekvences nodrošināšana visās lapās.

Produkta lapas dizaina pārbaudes saraksts

Tagad mēs esam izpētījuši labāko praksi un vispārīgus ieteikumus, bet, ja jums ir nepieciešams kontrolsaraksts, pēc kura vadīties, veidojot nākamo e-komercijas produktu lapu, šeit ir kopsavilkums par visu, ko mēs esam apskatījuši šajā rakstā.

• Izvēlieties augstas kvalitātes optimizētus attēlus
• Iekļaut pārliecinošas CTA pogas
• Rakstiet informatīvus produktu aprakstus
• Rādīt redzamās produktu variācijas
• Esi pārredzams attiecībā uz cenu noteikšanu
• Demonstrējiet sociālo pierādījumu un atsauksmes
• Iekļaut piegādes informāciju
• Izmantojiet konsekventu zīmolvedību

Esat gatavs izstrādāt produktu lapu, ar kuru jūs lepojaties

Jaunas produktu lapas izveide ir aizraujošs piedzīvojums. Jums ir iespēja padarīt produktus mirdzošus un izcelties starp tūkstošiem citu tiešsaistes iespēju - tas ir uzdevums, kuru nevajadzētu uztvert vieglprātīgi.

Visbeidzot, neaizmirstiet par lietotāju, kas apmeklē jūsu e-komercijas vietni. Jūsu produkts, protams, ir galvenā zvaigzne, bet galīgo lēmumu pieņem jūsu klients.