
產(chǎn)品詳情頁的質(zhì)量直接決定了網(wǎng)站的轉(zhuǎn)化率,今天跟大家一起分享一下10個比較好的產(chǎn)品詳情頁,希望能給各位在制作網(wǎng)站產(chǎn)品詳情頁的時候帶來一絲啟發(fā)。
1. Luxy Hair

這是一個假發(fā)網(wǎng)站,這個網(wǎng)站有比較有意思的亮點設(shè)計。第一點就是:BEFORE & AFTER頁面展示,第二點是 HELP ME CHOOSE 功能,大家可以點擊網(wǎng)站詳細體驗一下。

Luxy Hair產(chǎn)品詳情頁
在產(chǎn)品詳情頁,網(wǎng)站的整體顏色搭配,采用暖色調(diào),給人一種溫馨的感受;整頁布局緊湊,整齊,使顧客在瀏覽的時候,更輕松。另外還做了一些特殊處理:
1、將背景色設(shè)置為暖色,而產(chǎn)品圖背景色與頁面背景色顏色相同,會給人一種融入的整體性感覺。
2、將色塊做了圖像化處理,顏色變體不是簡單的色號顯示,而是實物圖的顯示效果,會給客戶更直觀的感受。
3、整頁最明顯的按鈕——Add to bag
4、增加了一個圖集展示產(chǎn)品的使用效果
2. PooPourri

這是一家賣廁所除味劑的店鋪,首先他們采用了將篩選菜單固定到左側(cè)的布局方式,這應(yīng)該是因為他們的產(chǎn)品同質(zhì)化較高,產(chǎn)品只有味道的區(qū)別,所以給顧客留有更多跳轉(zhuǎn)選品入口。其次在產(chǎn)品頁將產(chǎn)品使用方式——“Shake well. Spritz 3-5 sprays into the toilet bowl on the water’s surface. Proceed to do your thing. *finger snap*”,產(chǎn)品工作原理直接做成視頻放出,讓客戶更直觀的了解產(chǎn)品。
3. Rocky Mountain Soap Company

rockymountainsoap 詳情頁
此網(wǎng)站沒有過多花哨的設(shè)計,但卻勝在將產(chǎn)品賣點說的清楚明了,在add to car 按鈕下加了主要成分介紹,以及產(chǎn)品的短描述,讓買家一目了然產(chǎn)品的特性。
另外整頁 有一半的篇幅用來展示客戶評論,而所以評論全部都是五星,用真實的客戶評論去打動瀏覽者。
4. United By Blue

此網(wǎng)站是一家賣環(huán)保材質(zhì)的服裝的店鋪,他們告訴客戶,凡是購買他們一件產(chǎn)品即為地球清除了一磅的垃圾,這是一個非常好的設(shè)定,讓每個顧客都為環(huán)保事業(yè)做出了貢獻。另外他們還在產(chǎn)品詳情頁下做了5個材質(zhì)介紹的板塊,將產(chǎn)品的材質(zhì),細節(jié)展示出來。

當然服裝店少不了尺碼表,此店先在選擇尺碼的時候可以點擊顯示尺碼表,又給出了專門的頁面知道測量,最后還在評論區(qū)中告訴客戶什么身材,應(yīng)該怎樣進行購買。
5. Sixty-Nine

這家店是作者見過最特立獨行的電商網(wǎng)站之一了,整站詳情頁布局不同與傳統(tǒng)展示效果,將產(chǎn)品圖做成了輪播效果,自動播放。頁面其余地區(qū)用作展示產(chǎn)品信息與加購按鈕,使顧客在瀏覽的時候排除所有干擾項,只注重產(chǎn)品本身。
6. Sunmay

sunmay是家售賣美容儀器的商家,在詳情頁將右側(cè)產(chǎn)品信息做了固定,左側(cè)滑動展示產(chǎn)品介紹,使顧客在瀏覽的時候可以始終看到加購按鈕,方便客戶隨時加購產(chǎn)品。
7. Master & Dynamic

這是一個科技風滿滿的網(wǎng)站,設(shè)計非常大膽,給人強烈的視覺沖擊。
在詳情頁,賣家用來非常多且細膩的耳機細節(jié)圖彰顯耳機的質(zhì)感和制作工藝。

整個產(chǎn)品詳情頁一遍瀏覽下來,就是對產(chǎn)品的一次體驗。在頁面向下滑動時候,耳機的細節(jié)、設(shè)計、耳機的功能、如何使用、參數(shù)、包裝清單到最后的實際佩戴效果一一展示出來,再加上頂部始終懸浮的購買按鈕,便于客戶隨時將產(chǎn)品添加到購物車,兩點的結(jié)合為客戶營造了一種沉浸式的體驗式購物感受,讓顧客在瀏覽中詳細了解產(chǎn)品,認識產(chǎn)品。
8. Pilgrim

Pilgrim給產(chǎn)品詳情頁做了一個動態(tài)的背景切換,背景可以切換為白天和黑夜兩種狀態(tài),最直觀的展示了產(chǎn)品的使用效果。

當然,除了背景的切換外,整個網(wǎng)站的布局非常整潔合理,設(shè)計優(yōu)雅。在產(chǎn)品名稱下簡短幾句介紹了產(chǎn)品材質(zhì),與產(chǎn)品特點功能。而購物車下的三個icon區(qū)域也隨時提醒顧客,可以放心購買,因為我們是包郵和30天包退的。
9.brainforza

brainforza在給他們的產(chǎn)品做包裝設(shè)計的時候,為每個產(chǎn)品設(shè)定了一個主色調(diào)。而在設(shè)計產(chǎn)品詳情頁的時候,也是將產(chǎn)品主色調(diào)利用到了極致。每個產(chǎn)品詳情頁均采用與產(chǎn)品外包裝一致的主色調(diào),兩者相映成趣。

藍色調(diào)的產(chǎn)品

綠色調(diào)的產(chǎn)品
10.REBAG

REBAG是一家二手奢侈品銷售網(wǎng)站,整站的設(shè)計風格與國際奢侈品相似,滿足簡約大氣的理念。這家網(wǎng)站最有意思的地方在于一個功能——回購功能,買家在購買產(chǎn)品后的6個月內(nèi)還能將產(chǎn)品再賣還給賣家。

回購
這個功能是這個網(wǎng)站最大的亮點,所有在詳情頁賣家也花了大量篇幅去展示此功能,在價格下面展示了6個月如果您選擇回購,產(chǎn)品將還能值1015美金;然后在產(chǎn)品圖下用了整個banner 去展示此功能,為顧客營造了極強的購買安全感。
(來源:Shopify中文)