在設(shè)計一家線上店鋪時，很多人會把注意力放在主頁上，認為這是訪問者瀏覽網(wǎng)頁時首先看到的內(nèi)容。但是任何電商網(wǎng)站的真正目標都是銷售，沒有出色的產(chǎn)品頁面，你根本無法實現(xiàn)銷售目標。

有效的產(chǎn)品頁面能夠立即傳達產(chǎn)品特征和價值，向消費者展示產(chǎn)品的外形，并且讓他們相信所看到的絕對是需要的東西。

在創(chuàng)建產(chǎn)品頁面時，你可以選擇許多不同的展示功能和網(wǎng)頁變體。以下將展示幾個高質(zhì)量的產(chǎn)品頁面設(shè)計范例以供參考。

1、Luxy Hair

大多數(shù)Luxy的顧客都為女性，因為這家店鋪出售的是人類接發(fā)產(chǎn)品。該網(wǎng)頁以女性化的形式展示給訪問者，并在瀏覽器標簽上添加emoji表情符號。

由于這類產(chǎn)品有許多不同變體，消費者首先需要選擇他們頭發(fā)的厚度，然后是顏色，接著就可以來到符合他們需求的特定產(chǎn)品頁面。

通過清晰簡潔的CTA按鈕就可以將產(chǎn)品加入購物車，如果消費者不確定產(chǎn)品是否適合自己，在購買按鈕上方會有一個觀看概覽視頻的提示。

購買按鈕下方的免運費與60天無理由退換貨的提示還有效地降低了購物車放棄率。數(shù)據(jù)顯示，如果運費太高，絕大多數(shù)消費者會放棄購買。

另外，Luxy的客服團隊是全天候待命的，這讓消費者感到放心，如果他們有任何問題，可以隨時與客服取得聯(lián)系。

 2、PooPourri

如果你銷售的是一些難以擺上臺面的產(chǎn)品怎么辦？

這個產(chǎn)品頁面巧妙地利用了有趣幽默的文案博得了消費者的好感。

他們產(chǎn)品頁面上的文案這樣寫著：“在使用馬桶前，將此噴霧噴3-5次到馬桶的水面上，然后就繼續(xù)做你的事吧?！保憧赡苓€沒聽說過這種產(chǎn)品，這是一種馬桶噴霧，你可以在上廁所前使用，它能有效去除異味）

這樣的產(chǎn)品頁面有效地提高了銷量，它提示了消費者，如果以訂閱方式購買產(chǎn)品，他們就可以以優(yōu)惠價格買下產(chǎn)品。并且，它還提供每一個月、兩個月或三個月購買一次的選項。它也不怕消費者不信任自己的產(chǎn)品，因為產(chǎn)品頁面展示了產(chǎn)品的工作原理視頻，以此提高可信度。

3、Rocky Mountain Soap Company

這家天然皂公司知道顧客在瀏覽產(chǎn)品頁面時希望自己購買的是高質(zhì)量、健康的產(chǎn)品。他們聲明該產(chǎn)品是100%純天然的，并在產(chǎn)品描述中列出了全天然成分，產(chǎn)品菜單中還可以查看產(chǎn)品中所有成分的完整列表。

這個產(chǎn)品頁面中特別引入注目的是其大膽的客戶評價，其中一條評論的標題是：“MMMM MMM MOISTURE?！痹诳紤]購買該產(chǎn)品的顧客腦海中，一條強有力的評論會給他們留下相當持久的印象。

Rocky Mountain Soap深知客戶評論的力量。Bizrate Insights調(diào)查顯示，近四分之一的受訪者表示他們總是在網(wǎng)上購物時參考客戶評論，40％的受訪者表示他們經(jīng)常這樣做。產(chǎn)品下方的社會認同突出顯示產(chǎn)品被多個滿意客戶評為五星，這是減少買家對于從未親自觸摸產(chǎn)品的焦慮的可靠方法。

4、United By Blue

United By Blue是一家提倡環(huán)保的線上商店，它的使命是清除海洋和水道中的垃圾。在店鋪頁面中你能看到它反復(fù)強調(diào)承諾“每售出一件產(chǎn)品，就會清除1磅垃圾”。試問誰不想為地球的環(huán)保事業(yè)出一份力呢？

服裝尺碼表可以幫助消費者選擇最合適的尺碼，從而降低退貨率。

每個產(chǎn)品頁面上的簡潔設(shè)計使顧客更容易瀏覽產(chǎn)品詳細信息、客戶評論和一系列類似的產(chǎn)品。通過在產(chǎn)品縮略圖中顯示不同的顏色，方便顧客點擊并查看選項。

5、Sixty-Nine

很明顯，這是一個引人注目的產(chǎn)品頁面。不同于其他電商產(chǎn)品頁面，這些人物以動態(tài)形式呈現(xiàn)，看似在與你互動，以一種非常新穎的方式將網(wǎng)站及其特色產(chǎn)品呈現(xiàn)在你眼前。

一旦你點擊了某個產(chǎn)品，動態(tài)的圖片將變?yōu)殪o態(tài)照片，并伴隨著一個干凈簡潔的產(chǎn)品頁面。同時還有一個鏈接可以查看產(chǎn)品尺碼表，以確保顧客購買合適的尺寸。并且，當顧客是加拿大人時，那么通過一個按鈕，他們就能前往加拿大站點購物。

簡潔的設(shè)計消除了購買體驗中的任何干擾，為用戶提供了清晰而直接的購買路徑。

這個網(wǎng)站在電商網(wǎng)站設(shè)計大賽中獲得了榮譽。

6、Leesa

Leesa是一家可折疊、可運輸?shù)拇矇|公司。他們的品牌主打清爽干凈，主要依賴于他們白色、藍綠色和灰色的基調(diào)。許多類似的床墊公司已經(jīng)涌現(xiàn)出來，所以Leesa直接切入主題，強調(diào)為什么你應(yīng)該選擇他們而不是其他人：

他們借此機會展示他們的企業(yè)社會責(zé)任政策，那就是每賣出10張床墊就捐出一張床墊，讓潛在買家認為他們選擇Leesa是一個正確的決定。

購買床墊是一筆不小的開支，你瀏覽的越多，他們給你的購買理由就越多。你可以通過圖片看到床墊的內(nèi)部結(jié)構(gòu)，以及其獨特之處。Leesa還展示了產(chǎn)品評論來與顧客分享其他買家的購物體驗。他們甚至還有一個常見問題解答頁面，這樣人們就不需要離開產(chǎn)品頁面來尋找問題的答案了。

7、Manitobah Mukluks

就像床墊一樣，Manitobah Mukluks每件產(chǎn)品的成本都很高，這意味著購買過程就更加復(fù)雜了。如果產(chǎn)品的價格為20美元，而顧客又剛好需要，那么他們可能會買。但是，隨著價格越來越高，他們在做購買決定的時候就會有罪惡感，而這種罪惡感對銷售額的提高可沒有什么好處。

這個產(chǎn)品頁面旨在減緩消費者普遍存在的購物焦慮——“免配送費”和“免費退貨”用粗體大字寫在購物車按鈕旁。因為人們不喜歡在結(jié)賬的時候看到多出了一些他們沒有料想到的費用。

與Leesa類似，它讓猶豫不決的購買者在不離開產(chǎn)品頁面的情況下了解品牌及其使命。

通過以下圖片描述，顧客可以知道該品牌是本地企業(yè)（以及這意味著什么）以及他們靴子鞋底藝術(shù)背后的故事。如果頁面的末尾有第二個“添加到購物車”按鈕就更好了，這樣，如果客戶在瀏覽過程中決定購買，就不需要一直滾動到頂部。

8、Perfect Keto

雖然Perfect Keto的產(chǎn)品頁面相對簡單，但它具有高轉(zhuǎn)化率頁面的所有特征，包括出色的產(chǎn)品攝影，概述使用產(chǎn)品的理由，并且能夠通過“訂閱與保存”選項以更優(yōu)惠的價格購買產(chǎn)品。

這個頁面還有一個“相關(guān)產(chǎn)品”部分，這樣即使人們不完全喜歡他們正在看的產(chǎn)品，他們也可以找到可能更適合自己的類似產(chǎn)品。

9、Johnny Cupcakes

Johnny Cupcakes是一個有趣的品牌，強調(diào)他們最近所有新品都是“新鮮烘焙的”。對于產(chǎn)品頁面設(shè)計，他們充分利用了產(chǎn)品攝影，通過高質(zhì)量的圖片來展示其服裝和有趣的設(shè)計。他們還給頁面添加上加載動畫效果，展示了一個胖乎乎的年輕人追逐著一個紙杯蛋糕，畫面十分逗趣。

另外，當消費者點擊“BUY NOW”按鈕時，屏幕右側(cè)會彈出購物車窗口，提醒買家可以隨時結(jié)賬。這是一個比較直觀的交易未完成提醒，它清楚地表明了買家可以支付的方式。這將有效地將產(chǎn)品頁面轉(zhuǎn)換到結(jié)賬頁面，因此這也是加快購買過程的一種強有力的方法。

10、WP Standard

WP Standard靈活地運用了產(chǎn)品攝影技巧，讓消費者可以充分想象到擁有產(chǎn)品的感覺。其產(chǎn)品頁面中有一個獨特的元素，即提供將姓名首字母刻到包包上的選項。

11、Master & Dynamic

Master & Dynamic的網(wǎng)站頁面第一眼給人的感受是大膽、優(yōu)雅和奢華。其突出耳機細節(jié)的特寫鏡頭展示了產(chǎn)品的質(zhì)量和精心制作，讓人不由自主地想要嘗試一番。

Master & Dynamic的產(chǎn)品頁面給人一種親身體驗的感覺。當訪客在滾動屏幕時，他們會看到更多關(guān)于耳機的細節(jié)設(shè)計——他們是由什么構(gòu)成的、有哪些高級功能以及如何使用控制它們。

但是，Master & Dynamic并沒有完全將設(shè)計的重要性置于轉(zhuǎn)化率之上。其頁面頂部浮動的“add to bag”（加入購物車）欄雖然不那么醒目，不會破壞買家的購物體驗，但仍然會不斷提醒他們可以將產(chǎn)品添加到購物車當中。當想要購買的時候，他們不需要一直向上滾動并中斷購物體驗。此外，它還直接給出了所有產(chǎn)品顏色選項。

12、Primal Pit Paste

作為個護品牌，Primal Pit Paste巧妙地采用了干凈簡潔的產(chǎn)品頁面設(shè)計，全白的背景加之一些明亮強烈的色彩，讓品牌和產(chǎn)品都生色不少。

Primal Pit Paste充分利用了顧客評論部分，其在價格旁邊和頁面左側(cè)始終存在的按鈕中突出顯示了這些評論。他們還在“Add to Cart”（添加到購物車）按鈕旁邊重申了產(chǎn)品擁有的優(yōu)質(zhì)成分和品質(zhì)（天然的、有機的、無刺激性等等），以打消買家的任何猶疑不決。

另外當買家向下滾動產(chǎn)品頁面，他們還可以深入了解到產(chǎn)品成分以及如何使用非傳統(tǒng)產(chǎn)品。Primal Pit Paste對圖片和圖形的用心設(shè)計延續(xù)了整個頁面的趣味性，而且買家隨時可以點擊右下角的浮動按鈕回到購物車結(jié)賬。

13、Love Hair

Love Hair是另一個專注于清潔產(chǎn)品的品牌，他們同樣選擇了整潔利落的產(chǎn)品頁面設(shè)計。采用純白色的背景，以灰色為襯托色，并略施些暗色調(diào)微妙地突出了產(chǎn)品圖片。除產(chǎn)品圖片外，Love Hair還運用了一些視頻內(nèi)容。在視頻下方，Love Hair向用戶分享了有關(guān)產(chǎn)品的更多內(nèi)容以及他們將從中得到什么，讓他們有機會直接指出受眾的痛點所在。

14、Pilgrim

Pilgrim的網(wǎng)站采用了動態(tài)設(shè)計，提供日間和夜間兩種模式，用戶可以切身感受到他們的香薰產(chǎn)品放在自己家中的狀態(tài)。

Pilgrim的網(wǎng)站采用了動態(tài)設(shè)計，提供日間和夜間兩種模式，用戶可以切身感受到他們的香薰產(chǎn)品放在自己家中的狀態(tài)。

15、Holstee

正如產(chǎn)品頁面所體現(xiàn)的那般，Holstee是一個頗為有趣活潑的品牌。簡單的設(shè)計加之明亮的點綴色讓人不自覺地被吸引到頁面上的幾個關(guān)鍵元素：產(chǎn)品、“Add to Cart”按鈕以及突出顯示的文本。如圖中用黃色突出顯示的內(nèi)容，如果注冊會員，Holstee將會提供一定折扣價格。

Holstee是一個非常注重視覺化的品牌，他們在頁面下方提供了更多的照片、視頻以及了解更多關(guān)于產(chǎn)品的信息選項。

Holstee實現(xiàn)了在產(chǎn)品詳細描述和規(guī)格、顧客評論、送貨和退貨及其品牌理念內(nèi)容之間的流暢切換，這消除了買家無休止地滾動回到購買按鈕的需要，相反，他們只需要直接跳回上面的部分。

（編譯/雨果網(wǎng) 王璧輝 陳小如）

【特別聲明】未經(jīng)許可同意，任何個人或組織不得復(fù)制、轉(zhuǎn)載、或以其他方式使用本網(wǎng)站內(nèi)容。轉(zhuǎn)載請聯(lián)系：editor@cifnews.com