正文

詳情頁設(shè)計(jì)思路怎么寫（詳情頁設(shè)計(jì)思路怎么寫好）

發(fā)布時(shí)間：2023-04-12 17:27:47 稿源：創(chuàng)意嶺閱讀： 135

大家好！今天讓小編來大家介紹下關(guān)于詳情頁設(shè)計(jì)思路怎么寫的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、詳解美工設(shè)計(jì)的思路及方法
2、美工設(shè)計(jì)：店鋪詳情頁設(shè)計(jì)技巧
3、詳情頁設(shè)計(jì)的基本步驟
4、詳情頁設(shè)計(jì)應(yīng)該注意些什么？

詳情頁設(shè)計(jì)思路怎么寫（詳情頁設(shè)計(jì)思路怎么寫好）

一、詳解美工設(shè)計(jì)的思路及方法

一、寶貝詳情頁的作用

寶貝詳情頁是提高轉(zhuǎn)化率的入口，激發(fā)顧客的消費(fèi)欲望，樹立顧客對店鋪的信任感，打消顧客的消費(fèi)疑慮，促使顧客下單。優(yōu)化寶貝詳情對轉(zhuǎn)化率有提升的作用，但是起決定性作用的還是產(chǎn)品本身。

二、設(shè)計(jì)詳情遵循的前提

寶貝詳情頁要與寶貝主圖丶寶貝標(biāo)題相契合，寶貝詳情頁必須是真實(shí)的介紹出寶貝的屬性。

假如標(biāo)題或者主圖里寫的是韓版女裝但是詳情頁卻是的歐美風(fēng)格，顧客一看不是自己想要的肯定會(huì)馬上關(guān)閉頁面。

三、設(shè)計(jì)前的市場調(diào)查

設(shè)計(jì)寶貝詳情頁之前要充分進(jìn)行市場調(diào)查，同行業(yè)調(diào)查，規(guī)避同款。同時(shí)也要做好消費(fèi)者調(diào)查，分析消費(fèi)者人群分析消費(fèi)者的消費(fèi)能力，消費(fèi)的喜好，以及顧客購買所在意的問題等。

1. 如何進(jìn)行調(diào)查?

答：通過淘寶指數(shù)(shu.taobao.com)可以清楚地查到消費(fèi)者的一切喜好以及消費(fèi)能力丶地域等等很多數(shù)據(jù)，學(xué)會(huì)利用這些數(shù)據(jù)對優(yōu)化詳情頁很有幫助!另外還可以通過生E經(jīng)等付費(fèi)軟件也有一些分析功能。

2. 如何了解消費(fèi)者最在意的問題?

答：可以去寶貝評價(jià)里面找，在買家評價(jià)里面可以挖出很多有價(jià)值的東西，了解買家的需求，購買后遇到的問題等等。

四、調(diào)查結(jié)果及產(chǎn)品分析

根據(jù)市場調(diào)查結(jié)果以及自己的產(chǎn)品進(jìn)行系統(tǒng)的分析總結(jié)。羅列出消費(fèi)者所在意的問題，同行的優(yōu)缺點(diǎn)。以及自身產(chǎn)品的定位，挖掘自身與眾不同的賣點(diǎn)。

五、關(guān)于寶貝定位

根據(jù)店鋪寶貝以及市場調(diào)查確定本店的消費(fèi)群體。

舉個(gè)例子：外出旅游住賓館，有的小旅館100一夜賣的就是價(jià)格，衛(wèi)生啥的都沒有保障。定位于低端。有的連鎖酒店200一夜賣的是性價(jià)比，定位于中端顧客。有的大酒店400一夜賣的就是服務(wù)。還有的主題賓館賣的是個(gè)性等等。

六、關(guān)于挖掘?qū)氊愘u點(diǎn)

針對消費(fèi)群體挖掘出本店的寶貝賣點(diǎn)。

賈真老師的案例：一家賣鍵盤膜的店鋪發(fā)現(xiàn)評價(jià)里中差評很多，大多是抱怨鍵盤膜太薄，一般的掌柜可能下次直接進(jìn)厚一點(diǎn)的貨。而這家掌柜則直接把描述里的賣點(diǎn)改為史上最薄的鍵盤膜!結(jié)果出乎意料!評分直線上升，評價(jià)里都是關(guān)于鍵盤膜真的好薄之類的評語!直接引導(dǎo)并改變了消費(fèi)者的心理期望達(dá)到非常良好的效果。

關(guān)于寶貝賣點(diǎn)的范圍非常廣泛!比如：

賣價(jià)格賣款式賣文化賣感覺賣服務(wù) 賣特色賣品質(zhì) 賣人氣

你賣的是什么呢?

七、開始準(zhǔn)備設(shè)計(jì)元素

根據(jù)消費(fèi)者分析以及自身產(chǎn)品賣點(diǎn)的提煉，根據(jù)寶貝風(fēng)格的定位，開始準(zhǔn)備所用的設(shè)計(jì)素材。詳情頁所用的.的文案并確立寶貝詳情的用色，字體丶排版等。最后還要烘托出符合寶貝特性的氛圍，例如羽絨服，背景可以采用冬天的冰山效果。

要確立的六大元素

配色字體文案構(gòu)圖排版氛圍

常見的寶貝描述頁構(gòu)成框架

產(chǎn)品價(jià)值+消費(fèi)信任=下單

詳情頁上半部分訴說產(chǎn)品價(jià)值，后半部分培養(yǎng)顧客的消費(fèi)信任感。對于消費(fèi)信任感不光通過各種證書，品牌認(rèn)證的圖片來樹立。使用正確的顏色，字體，還有排版結(jié)構(gòu)，這些對贏得顧客消費(fèi)信任感也會(huì)起到重要的作用。詳情頁每一塊組成都有它的價(jià)值，都要經(jīng)過仔細(xì)的推敲和設(shè)計(jì)。

詳情頁的描述基本遵循以下順序：①引發(fā)興趣 ②激發(fā)潛在需求 ③贏得消費(fèi)信任 ④替客戶做決定。

特別要注意的是，由于客戶不能真實(shí)體驗(yàn)產(chǎn)品，我們寶貝詳情頁是要打消買家顧慮，從客戶的角度出發(fā)，關(guān)注最重要的幾個(gè)方面，并不斷強(qiáng)化，告訴顧客我是做這個(gè)的專家，我很值得信賴，買家買了都說好，正好店鋪有活動(dòng)，現(xiàn)在下單價(jià)格最優(yōu)。明日即刻漲價(jià)。

遵循以下原則：①文案要運(yùn)用情感營銷引發(fā)共鳴② 對于賣點(diǎn)的提煉要簡短易記并反復(fù)強(qiáng)調(diào)和暗示③運(yùn)用好FAB法則

有需求才有產(chǎn)品，我們賣的不是寶貝，賣的是顧客買到寶貝之后可以得到什么價(jià)值!滿足什么需求!讓理性的顧客進(jìn)來，最后是感性下單。

詳情頁設(shè)計(jì)完成之后需要配合分析詢單率，停留時(shí)間，轉(zhuǎn)化率，訪問深度等數(shù)據(jù)進(jìn)行不斷的優(yōu)化，上面的寶貝詳情頁框架只是給大家提供一個(gè)參考，不同行業(yè)要不同對待，最好的方法就是收集同行業(yè)銷量前幾名的描述頁，分析他們的布局文案構(gòu)成，先模仿后創(chuàng)作。

二、美工設(shè)計(jì)：店鋪詳情頁設(shè)計(jì)技巧

美工設(shè)計(jì)：店鋪詳情頁設(shè)計(jì)技巧

上過淘寶的朋友都應(yīng)該了解店鋪詳情頁是什么樣子的，那么大家知道店鋪詳情頁是怎么設(shè)計(jì)的嗎？下面我為大家整理了美工設(shè)計(jì)：店鋪詳情頁設(shè)計(jì)技巧，希望能幫到大家！

詳情頁設(shè)計(jì)思路怎么寫（詳情頁設(shè)計(jì)思路怎么寫好）

詳情頁的一般規(guī)律

1、關(guān)聯(lián)銷售

2、焦點(diǎn)圖

3、客戶訴求

4、產(chǎn)品優(yōu)勢

5、產(chǎn)品參數(shù)

6、產(chǎn)品展示

7、細(xì)節(jié)展示

8、證書保障

9、買家須知

上面只是一般詳情頁的排版規(guī)律，具體落地的時(shí)候可以根據(jù)產(chǎn)品的類目（例如：母嬰，女裝，電器，箱包），頁面的情況（例如：新店——沒有銷量基礎(chǔ)的；主打高銷量款頁面——有一定的銷量，主要是想優(yōu)化改善）等等情況，可以酌情對頁面順序進(jìn)行的調(diào)整，可以相應(yīng)的加上：①曬好評，②品牌故事，③場景展示，④產(chǎn)品結(jié)構(gòu)圖，⑤安裝說明等等。這些模塊，除了給頁面增值外，更充分的展示產(chǎn)品的優(yōu)勢。

"三思而后行——做好市場調(diào)查"

在做每一個(gè)設(shè)計(jì)之前，我建議每一位設(shè)計(jì)師都動(dòng)手去做一下市場調(diào)查，例如：同行業(yè)的數(shù)據(jù)調(diào)查，消費(fèi)人群的調(diào)查，消費(fèi)人群的購地域調(diào)查，消費(fèi)能力的調(diào)查等。做這一系列的調(diào)查，除了能加快您對產(chǎn)品的了解外，更能準(zhǔn)確的撲捉到產(chǎn)品的針對人群，和定位。然而，一般從哪些途徑去做這些調(diào)查呢？我為您介紹幾個(gè)：

1、淘寶指數(shù)

淘寶指數(shù)是目前一個(gè)對分析消費(fèi)人群的一個(gè)準(zhǔn)確性較高的軟件，

2、淘寶網(wǎng)站

在淘寶網(wǎng)站的首頁，打上產(chǎn)品的關(guān)鍵詞，然后對比同行的數(shù)據(jù)等等

在萬事具備后，我們就可以設(shè)計(jì)頁面了嗎? 此時(shí)此刻，我又不得不大聲對各位同學(xué)SAY NO，在充分做好市場調(diào)查后，我們還有一個(gè)步驟要做，就是要定下頁面需要做什么風(fēng)格的，需要用些什么元素？需要用什么色調(diào)？然而，要怎樣去確定這些要素呢？下面，又是我的開班時(shí)間了··

萬事開頭難——確定風(fēng)格元素

在確定頁面的風(fēng)格，色調(diào)，運(yùn)用元素，這個(gè)上面的市場調(diào)查有著息息相關(guān)的聯(lián)系。具體要做怎樣做，請看我今日開班有說：

1、外觀

1）根據(jù)產(chǎn)品的外觀去定產(chǎn)品的風(fēng)格

2）根據(jù)產(chǎn)品顏色去定頁面色調(diào)的

2、工藝

根據(jù)產(chǎn)品的'一些獨(dú)特的工藝，去奠定整個(gè)頁面的風(fēng)格調(diào)性的

3、季節(jié)性

根據(jù)季節(jié)性，結(jié)合產(chǎn)品的一些買點(diǎn)，完美結(jié)合展現(xiàn)頁面調(diào)性的

4、時(shí)事性

把時(shí)事相關(guān)的歷史幾何起來，營造出一個(gè)故事的氛圍，從而奠定一個(gè)頁面的調(diào)性，例如：美的赤兔馬電熱水壺

點(diǎn)睛之筆——首焦圖

首焦圖主要包括以下幾點(diǎn)：

1、頁面主題

2、產(chǎn)品

3、優(yōu)惠信息/功能性信息

客戶訴求

該板塊主要包含了以下幾點(diǎn)：

1、客戶在購買前遇到的煩惱

2、客戶在使用過程中遇到的煩惱

產(chǎn)品優(yōu)勢

在展示這一模塊的時(shí)候，我又要強(qiáng)調(diào)一下，很多同學(xué)會(huì)有這樣的錯(cuò)覺：覺得把產(chǎn)品的買點(diǎn)放上來展示就是突出產(chǎn)品的優(yōu)勢了。其實(shí)不然，很多時(shí)候我們要站在客戶的角度去思考，例如：我為什么要買這個(gè)熱水器？家里不是已經(jīng)有嗎？為什么要換新的？哦~原來它智能的，在±1℃下還能恒溫供水。哦~原來他在停電的狀態(tài)下，還能提供熱水，停電的夜晚也不再擔(dān)心沒有熱水洗澡了等等。

上訴的例子不知道同學(xué)們看懂了我的意思沒有？透過這個(gè)例子，我想告訴各位同學(xué)，產(chǎn)品的優(yōu)勢這一模塊的展示的最主要作用是用來解決顧客的煩惱的，直白的說就是顧客煩惱什么，我們就要把產(chǎn)品可以為顧客消除煩惱的那一邊展示出來。

產(chǎn)品參數(shù)

在到了頁面的承上啟下的部分，我建議各位同學(xué)，把產(chǎn)品的相關(guān)參數(shù)再次亮出來，第一，可以加深顧客對產(chǎn)品的印象；第二，起到一個(gè)轉(zhuǎn)折的作用，產(chǎn)品的參數(shù)的相關(guān)類容我就粗略的列舉下，（備注：根據(jù)產(chǎn)品的不同類目，同學(xué)們要適當(dāng)?shù)纳宰髡{(diào)整哈）

（一）、產(chǎn)品名稱

（二）、產(chǎn)品型號

（三）、產(chǎn)品材質(zhì)

（四）、產(chǎn)品配件

（五）、產(chǎn)品顏色等等

產(chǎn)品展示

產(chǎn)品展示這一塊，我就不展開細(xì)說了，這一模塊顧名思義是：展示產(chǎn)品，引導(dǎo)顧客去深入了解產(chǎn)品的結(jié)構(gòu)的，在此環(huán)節(jié)，可以適當(dāng)?shù)募由仙倭繛槲陌?，對產(chǎn)品有一個(gè)簡單的描述，增加頁面的可看性。

細(xì)節(jié)展示

到了細(xì)節(jié)展示這一塊，這一個(gè)模塊的主要作用，是更詳細(xì)的，更具象的告訴顧客產(chǎn)品的優(yōu)勢在哪里？放大每個(gè)細(xì)節(jié)加深顧客對產(chǎn)品的了解，從而引導(dǎo)顧客購買產(chǎn)品，達(dá)成成交額。

證書保證

提到網(wǎng)購，很多顧客唯一一點(diǎn)比較擔(dān)心的就是：質(zhì)量上的問題。要怎樣才能讓顧客消除一定的心理障礙呢？出來曬好評，曬信譽(yù)外，最能證明實(shí)力的莫過于一張國家質(zhì)檢合格證書，還有三包服務(wù)"包換、包退、保修"

所以，我建議各位同學(xué)，在做電器產(chǎn)品或者母嬰類目的時(shí)候最好是吧質(zhì)檢合格證書拿出來，讓它占據(jù)一席之位，也好給您的頁面增增值。

買家須知

買家須知這一模塊，也許很多同學(xué)覺得不必要，但是我不得不說有這一個(gè)模塊可以規(guī)避賣家在購買時(shí)的不必要誤會(huì)，減少很多售后問題。

數(shù)據(jù)跟進(jìn)

頁面做好后，我建議各位同學(xué)不要忘記后面對店鋪頁面的數(shù)據(jù)根據(jù)，通過觀察數(shù)據(jù)，才能更好的完善和改進(jìn)頁面，進(jìn)步不是一蹴而就的。

綜上所述，縱觀全文，我今天的授課內(nèi)容也就說完了，總結(jié)起來就是要做好一個(gè)詳情頁面，不但只要一個(gè)好的技術(shù)操手，更要懂得去分析市場，了解產(chǎn)品，所以，秀的頁面做下來會(huì)有這些步驟：

熟悉詳情頁的一般排版規(guī)律、做好市場調(diào)查、確定風(fēng)格元素、開始制作（首焦圖、客戶訴求、產(chǎn)品優(yōu)勢、產(chǎn)品參數(shù)、產(chǎn)品展示、細(xì)節(jié)展示、證書保障、買家須知）、數(shù)據(jù)跟進(jìn)。

;

三、詳情頁設(shè)計(jì)的基本步驟

1．確定頁面風(fēng)格，頁面風(fēng)格主要是根據(jù)產(chǎn)品本身來定的，如產(chǎn)品的屬性、產(chǎn)品功能等，如果產(chǎn)品沒有特定的風(fēng)格屬性，可以根據(jù)目標(biāo)銷售人群、季節(jié)、節(jié)日或主題活動(dòng)來定。

2．產(chǎn)品和素材搜集前期實(shí)拍素材，進(jìn)行整理和分類。我們也要在設(shè)計(jì)的過程中要學(xué)會(huì)整理搜集自己的素材庫，做好備份。

3．確定配色方案已有店鋪視覺規(guī)范的可以直接延續(xù)使用，如果沒有，可以從產(chǎn)品本身提取，或者從Logo中提取或從產(chǎn)品聯(lián)想屬性提取。在配色過程中，無論用幾種顏色來組合，首先要考慮用什么顏色作為主色調(diào)。

4．確定配色方案已有店鋪視覺規(guī)范的可以直接延續(xù)使用。如果沒有，可以從產(chǎn)品本身提取，或者從Logo中提取或從產(chǎn)品聯(lián)想屬性提取。在配色過程中，無論用幾種顏色來組合，首先要考慮用什么顏色作為主色調(diào)。

5.選擇合適字體類型，字體相當(dāng)于一個(gè)橋梁，相當(dāng)重要。主要用來對產(chǎn)品進(jìn)行解釋說明，方便顧客閱讀，同時(shí)，也是起重要信息的引導(dǎo)作用，可通過大小字體搭配進(jìn)行重點(diǎn)顯示某項(xiàng)內(nèi)容。字體使用時(shí)一般不超過3種字體并選擇符合產(chǎn)品定位的字體；在重點(diǎn)部分內(nèi)容進(jìn)行加粗突出顯示，以加深買家對該信息的印象程度。

6．整個(gè)詳情頁排版，怎么對圖片和文案內(nèi)容進(jìn)行排版設(shè)置，要考驗(yàn)我們平時(shí)積累下來的設(shè)計(jì)的水平。越是簡約大氣的頁面，元素務(wù)必不要太多，清爽舒適的頁面多留白，參考優(yōu)秀案例，多多借鑒和學(xué)習(xí)。學(xué)習(xí)是沒有止境的，同樣，詳情頁的設(shè)計(jì)排版也是。多學(xué)習(xí)，多總結(jié)，擴(kuò)展相法。拓屏思維，建立自己的設(shè)計(jì)風(fēng)格。

四、詳情頁設(shè)計(jì)應(yīng)該注意些什么？

詳情頁無非就是圖和文字，那需要注意的地方自然也就是這兩大塊了。

先說圖片。大家都知道網(wǎng)購就是靠圖片，所以很多賣家在作圖的時(shí)候都會(huì)為了追求更好的視覺效果而美化圖片。這點(diǎn)無可厚非，畢竟“素顏”圖容易讓人看完沒有購物的欲望。不管是通過燈光、角度，還是后期精修處理，最重要的一點(diǎn)就是不要讓產(chǎn)品圖完全失真。掛羊頭賣狗肉的事雖然能成，但買家拿到貨后跟預(yù)期差距太大，退貨倒是其次，給個(gè)差評影響可以說后患無窮。

文案部分也是最容易被忽視的地方。很多詳情頁只看重視覺效果，不重視文案描述。文案起到的作用相當(dāng)于對圖片的解說，沒有文案或者文案描述不夠清晰，買家是不能快速獲取到產(chǎn)品重要信息的。那做出來的詳情頁就等于是賣家在自嗨，結(jié)果就是轉(zhuǎn)化低。

現(xiàn)在廣告法管得也很嚴(yán)，文案里的用詞也要遵循相關(guān)規(guī)定，一些極限詞就不要隨便亂用了，容易惹麻煩。

文案在精煉而不是長篇大論。一個(gè)產(chǎn)品在和競品比較過程中，有哪些是最值得放大的賣點(diǎn)，你挖掘幾個(gè)就夠了，沒有百分之百都好的，有也是價(jià)格昂貴品牌能力很強(qiáng)的。突出重點(diǎn)，賣點(diǎn)寫的太多，讓人看的頭發(fā)暈，所謂貪多嚼不爛就這樣。而且，你吹得越多，是不是更容易讓人引起戒備心。所以，簡單點(diǎn)挺好。

在寫商品描述和賣點(diǎn)的時(shí)候，盡量避免使用專業(yè)詞匯去提升產(chǎn)品逼格。買家并不是專家，對于商品使用的材質(zhì)和科技，除了常見的，多數(shù)是沒有任何感知的。比如一臺(tái)空調(diào)采用了某某技術(shù)達(dá)到節(jié)能的效果，對著技術(shù)亂吹一頓，買家看完就很懵。直接說開一天耗電多少，是不是更直接。繞過襯托的過程，真實(shí)的優(yōu)點(diǎn)直接以結(jié)果或者效果來表明會(huì)更好。

還有一些詳情頁喜歡用形容詞或者用百分比這種具體的東西去和別的產(chǎn)品或者舊款進(jìn)行比對。買家沒用過舊款也不知道競品如何，他壓根就不會(huì)有這種概念。要把賣點(diǎn)具體化，你的產(chǎn)品和舊款或者競品比究竟有哪些提升。比如就說一款手機(jī)，很多商家用性能提升百分之多少，倒不如直接通過同一場景下的性能測試去體現(xiàn)。換成其他的產(chǎn)品也是一樣的，直接的對比更形象。不敢說，那就是產(chǎn)品提升不大嘛，那還吹什么呢？買家即便下單了，反饋一樣差勁。

以上就是小編對于詳情頁設(shè)計(jì)思路怎么寫問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。