對于電商而言,，一款爆款詳情頁能夠帶來良好的轉(zhuǎn)化效果,，那么該如何制作一個爆款的詳情頁？本文從視覺和營銷2個方向來講解電商詳情頁如何制作,，以達(dá)到最大的轉(zhuǎn)化率效果,，全方面解析爆款詳情頁是如何產(chǎn)出的。

一款爆款詳情頁的制作價格完全是由其價值所體現(xiàn)的,，好的視覺和好的轉(zhuǎn)化到底哪個更重要,？這個問題一定是相對的，畢竟對于電商來說,，賣貨才是最終的目的,。

無腦的一味追求視覺并不可取，一定要在視覺的基礎(chǔ)上進(jìn)行有效的信息傳達(dá)才是設(shè)計(jì)的本質(zhì),，才能體現(xiàn)設(shè)計(jì)的最大價值,，下面來跟大家詳細(xì)講解一下一款高價值的爆款詳情頁該如何去做。

我們都知道,，在現(xiàn)在電商平臺的流量構(gòu)成里,，無線端（手機(jī)端）流量的占比越來越大，甚至有的類目到了95%以上,，同時人們的瀏覽時間也越來越碎片化,，地鐵上，公交車上,，甚至有的人走路都在看手機(jī),。

主圖,、視頻、評論,、問大家對于買家下單的影響越來越大,，但是一個好的詳情頁對于轉(zhuǎn)化率的提升目前依然是非常的大，至少短時間內(nèi)依舊如此,，所以我們是非常有必要對詳情頁下點(diǎn)功夫,，不光是從視覺上提高，對于營銷心理學(xué)層面也要進(jìn)行有效的結(jié)合,。如果一個產(chǎn)品想要成為爆款，各項(xiàng)數(shù)據(jù)都要好,。

首先它要有點(diǎn)擊,，一款好的產(chǎn)品主圖是吸引消費(fèi)者點(diǎn)擊的第一標(biāo)準(zhǔn)，消費(fèi)者通過好看的主圖和具有吸引力的文案點(diǎn)進(jìn)產(chǎn)品詳情頁,，這是促進(jìn)成交的第一步,。

如果顧客點(diǎn)進(jìn)產(chǎn)品而且認(rèn)真翻看你產(chǎn)品的詳情頁的時候，那恭喜你達(dá)到了促進(jìn)成交的第二步了,。

如果我們的詳情頁打動了顧客,，那么你就很好的成交了這一單，完成了一次轉(zhuǎn)化,。

所以今天我就和大家分享一下,，一個高轉(zhuǎn)化率的詳情頁是如何做出的，希望大家反復(fù)認(rèn)真的閱讀這次的文章干貨,，如果你能悟透并執(zhí)行好,，相信你的詳情頁可以達(dá)到一個很高的轉(zhuǎn)化率。

不了解一件事情的根本就會犯一些錯誤,，現(xiàn)在很多的商家在制作詳情時普遍有如下兩個誤區(qū)：

1. 因?yàn)槭謾C(jī)端流量的興起,，標(biāo)題、詳情頁無用論越來越嚴(yán)重,。這就導(dǎo)致了很多人過度的輕視詳情頁作用,，以為做產(chǎn)品的詳情頁，就是簡單的擺放幾張產(chǎn)品圖,，和產(chǎn)品尺寸,，然后加一些參數(shù)表最后放個5星好評來展示被人認(rèn)可的好評就可以了。

2. 另外一點(diǎn)就是另一個極端,，做詳情頁長篇大論,，事無巨細(xì)，什么東西都要寫,。大圖片,、多圖片,、多問題、賣點(diǎn)堆砌等,，反正是能利用上的地方全都充分填滿,，毫不浪費(fèi)一點(diǎn)空間，其實(shí)處處是重點(diǎn)反倒就沒有了重點(diǎn),，因?yàn)槟愀緹o法短時間內(nèi)讓你的消費(fèi)者看到你想表達(dá)的核心內(nèi)容,，這也是很多運(yùn)營不懂設(shè)計(jì)導(dǎo)致整個市場環(huán)境變得如此糟糕的原因。

OK,，下面我們就來說一下,，在現(xiàn)在的大環(huán)境下，什么樣的詳情頁是一個爆款詳情頁該有的樣子,。在開始之前,，我們比較一下，大家來看下圖：

假如我們看到如上左右兩個詳情頁,，如果是你選擇,，你覺得哪個是不錯的？我感覺大部分人應(yīng)該都會選擇右邊的,，制作詳情頁你可以簡單,，但是不能隨便，除非你的產(chǎn)品品牌度很高,，不需要過多的描述就可以成交,，但是這個畢竟是少數(shù)，大部分中小商家還做不到這點(diǎn),，所以這個就不在我們考慮的范圍內(nèi)了,，自行去考慮即可。

在無線端時代下,，用戶的購物習(xí)慣主要如下：

• 場景：隨時隨心隨地

• 時間：碎片化時間不固定

• 快速聚焦,，搜到想要的產(chǎn)品

以后只看圖片和評論，詳情頁簡單劃過,。面對這樣的環(huán)境下,，制作我們的詳情頁一定要簡單、明了,、直擊買家痛點(diǎn),，快速影響買家，讓客戶快速下單,。下面我們就從心理層面和設(shè)計(jì)層面分別來講,，什么樣的詳情頁可以滿足這些特點(diǎn)。

一、消費(fèi)者心理

1. 換位思考很關(guān)鍵

我們作為一個商家不要總考慮我認(rèn)為怎么樣怎么樣,，而是要從消費(fèi)者角度出發(fā),。

一個好的產(chǎn)品詳情頁需要我們想顧客所想，及顧客所及,。把詳情頁做成顧客想看到的而不是我們認(rèn)為可以的,。這就需要我們在設(shè)計(jì)的時候做到換位思考。通過細(xì)節(jié)打動客戶,，而不是盲目的追求高大上的效果,，應(yīng)該做到符合實(shí)際的同時追求畫面質(zhì)感和生動的文案。

2. 只要滑屏,，不要放大

這點(diǎn)很好理解,，大家可以按照我說的思路操作一下，這樣就不難理解了,。假如我們在看到一個詳情信息,，但是因?yàn)槲淖痔≡趺崔k？我們的操作步驟是：點(diǎn)擊圖片→放大→縮回→返回,，共需要7到8秒,，而滑屏只需要2秒鐘,。8秒和2秒,，如果你是消費(fèi)者，你會選擇哪一個呢,？

所以我們的詳情頁一定要圖片清晰,、文字大小適中、簡單明了,、直擊要點(diǎn),。這就是只要滑屏，不要放大的精髓,，大家可以反復(fù)思考下,，你細(xì)品~

3. 分析競品的好中差評價

知己知彼百戰(zhàn)百勝。如果我們不能很清晰的了解客戶需要,，我們可以去競爭對手寶貝評價里面找,，在買家評價里面可以挖出很多有價值的東西，了解買家的需求,，購買后遇到的問題等等,。

通過我們的市場調(diào)查和顧客評價的分析，我們可以準(zhǔn)確的找到產(chǎn)品的定位,，和產(chǎn)品應(yīng)表達(dá)的優(yōu)勢,。針對顧客喜好對癥下藥的產(chǎn)品詳情頁才是好的詳情頁，畢竟好看不好用的詳情頁就是在耍流氓。

二,、高轉(zhuǎn)化率詳情頁

1. 豎屏思維

我們都知道以前的詳情頁是長圖,，那么為什么以前的詳情頁是長圖？因?yàn)槭菫榱诉m應(yīng)電腦屏幕,，就好比以前的4:3的屏幕變成寬屏一樣,，目的都是為了用戶看著更舒服，畢竟在電腦端有更大的空間來展示,。

所以為了適應(yīng)手機(jī)端的瀏覽習(xí)慣,，主圖一定要做成長圖3:4，而且詳情頁要一屏一個賣點(diǎn),，也就是一個圖片要完整的說明一個產(chǎn)品特點(diǎn),。

2. 適應(yīng)滑屏習(xí)慣

我們剛才在上面也說到了，因?yàn)槭謾C(jī)端的影響,，無論是現(xiàn)在的抖音快手還是電商平臺現(xiàn)在都是滑屏式瀏覽,，所以我們的詳情頁一定要多圖大字，當(dāng)然這里的多圖大字一定要在不影響有閱讀的前提下考慮好合適比例關(guān)系,，這樣的目的便于買家在短時間內(nèi)快速閱讀到你所傳遞的主要信息,，畢竟設(shè)計(jì)就是以信息傳達(dá)為主的。

3. 前3屏是核心

由數(shù)據(jù)顯示,，產(chǎn)品詳情頁的核心是前3屏,，因?yàn)橄M(fèi)者能不能繼續(xù)看完我們的詳情頁，前3屏是很重要的,。所以我們手機(jī)端詳情頁的習(xí)慣一定不要和PC端一樣,，各種關(guān)聯(lián)銷售做一大推完全沒有必要。

首屏位置要放一個吸引眼球的產(chǎn)品海報來凸顯風(fēng)格,，加深買家的印象及購買欲,。接著就要突出產(chǎn)品賣點(diǎn)了，尋找你產(chǎn)品的價值點(diǎn)而非促銷點(diǎn),，當(dāng)寶貝被認(rèn)同價值時,，促銷活動才會發(fā)揮作用。

需要注意的是,，產(chǎn)品賣點(diǎn)只需要一個,，接下來的詳情描述中就要圍繞這一個賣點(diǎn)來詳細(xì)展開介紹。因?yàn)橘u點(diǎn)在精不在多,，如果一個產(chǎn)品有多個賣點(diǎn),，那每一個賣點(diǎn)都不是最突出最特別的；當(dāng)你去著重突出其中一個賣點(diǎn)的時候,，這個賣點(diǎn)就成為了這款產(chǎn)品獨(dú)一無二的特點(diǎn),，買家也會更容易記住這個特點(diǎn),，更容易產(chǎn)生連鎖的反應(yīng)。

在我們設(shè)計(jì)過程當(dāng)中也存在這樣的現(xiàn)象,，當(dāng)你畫面當(dāng)中填的滿滿當(dāng)當(dāng)?shù)臅r候,，你就會發(fā)現(xiàn)沒有一個重點(diǎn)，在無線端處于一個時間爭奪戰(zhàn)的時代,，每個人的時間都很寶貴,，他們不會花太多的時間關(guān)注你所介紹的每個內(nèi)容，只會大概看下主要信息就會劃走了,，所以你的設(shè)計(jì)一定要保證快,、準(zhǔn)、狠,！不要什么都想放最終適得其反,，當(dāng)然這些話我更多的是想代表各位電商美工說給大部分電商運(yùn)營聽的，希望能夠達(dá)成共識,。

很多小伙伴們都反映基本是運(yùn)營給我的要求,，我不聽還不行。

我的建議是如果運(yùn)營給出了違背設(shè)計(jì)原理的同時又影響了信息的傳達(dá),，也就是涉及到你的專業(yè)領(lǐng)域出現(xiàn)矛盾的時候,，一定要及時跟你的運(yùn)營去做溝通，如果你把你的想法完全跟你的運(yùn)營表達(dá)完整了,，他依舊不為所動,，固執(zhí)己見，那就由他去吧,，畢竟你不可能跟這種人手底下干一輩子吧,，只要自己心里清楚并保留住自己的職業(yè)操守,，你以后換到其他家公司如果遇到稍微懂點(diǎn)設(shè)計(jì)的運(yùn)營或老板自然會得到賞識和提升,。

畢竟我們只能控制我們自己的想法，無法改變別人的腦子,，只要自己清楚這樣的方式是對的就好了,，其他的我們不需要過多糾結(jié)。

4. 賣點(diǎn)的提煉

我們在上面剛說過,，產(chǎn)品詳情頁的前3屏一定要突出我們的賣點(diǎn),。買家只有看到自己需要的信息他才會產(chǎn)生購買欲望，這個就是賣點(diǎn),，也就是買家的買點(diǎn),。這我們要如何提煉呢？這里大概有兩個方法可供大家參考：

1. 靠自己多年的從業(yè)經(jīng)驗(yàn)及對消費(fèi)者敏銳的洞察,，這個需要很長的時間積累,，一般賣家是做不到的,。

2. 分析競爭對手評論及大家印象，這里多看中差評,。為什么多看中差評呢,？因?yàn)橹胁钤u是別人做的不好的，你要做好這類賣點(diǎn),，你的產(chǎn)品數(shù)據(jù)自然不會太差,，都有前車之鑒放在這里了還做不好就說不過去了吧？當(dāng)然有些產(chǎn)品的優(yōu)劣并不是我們可以決定的,，但是可以揚(yáng)長避短,，把好的盡量放大表達(dá)，規(guī)避掉缺點(diǎn)就可以了,。

要想做出一款高價值的詳情頁,，上面所說到的內(nèi)容大家一定要去認(rèn)真理解和落實(shí)，畢竟光說不練假把式,，還需要實(shí)踐出真知,。很多電商設(shè)計(jì)都認(rèn)為只要把自己的視覺部分做好了其他的就可以不用管了，認(rèn)為不歸自己管,，不是自己負(fù)責(zé)的一概免談,，多干一點(diǎn)份外的都覺得自己虧了。

我聽到最多的一句話就是這個事情不是運(yùn)營負(fù)責(zé)的嗎,？跟我有什么關(guān)系,？這件事情不是應(yīng)該客服管的嗎？跟我有什么關(guān)系……完全把自己封閉了起來,，限制了自己未來的發(fā)展空間和進(jìn)步,。

學(xué)習(xí)這種東西并不是給別人去學(xué)習(xí)的，這種事不關(guān)己高高掛起的心態(tài)也是大部分電商設(shè)計(jì)師的心態(tài),，如果能夠想明白這點(diǎn)的人自然知道該怎么去做,，想不明白的那就想不明白吧……因?yàn)槟阌肋h(yuǎn)無法叫醒一個裝睡的人，自己的路還需要自己去走,。

我只想強(qiáng)調(diào)一點(diǎn)：未來的電商設(shè)計(jì)師一定是趨于全能型設(shè)計(jì),，無論是運(yùn)營、客服,、文案策劃等都需要了解,，單一的軟件技能不能滿足未來電商設(shè)計(jì)師這個崗位的需求，有興趣大家看有看下我之前的一篇文章里面有些到未來設(shè)計(jì)師發(fā)展需求,。

總結(jié)一下：

• 深刻理解豎屏思維的趨勢

• 學(xué)會從營銷的角度去優(yōu)化你的設(shè)計(jì)

• 謹(jǐn)記設(shè)計(jì)的本質(zhì)是信息的有效傳達(dá)

最后送給各位電商設(shè)計(jì)師一句話：設(shè)計(jì)無對錯,，解決問題才是關(guān)鍵！好了,，以上就是我對于電商詳情頁增加轉(zhuǎn)化率和制作上的一些看法,，希望對大家有所幫助,。

本文由 @億洋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理

題圖來自 Unsplash，基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù),。