導語：一個好的產(chǎn)品如果沒有好的詳情頁來支撐，轉(zhuǎn)化率就會很低，獲取的流量就會減少，如果不能提高轉(zhuǎn)換率，淘寶店鋪就會面臨淘汰。從2015年開始淘寶加重了對轉(zhuǎn)換率的權(quán)重。通過轉(zhuǎn)化率篩選出優(yōu)質(zhì)的產(chǎn)品。所以這時候一個優(yōu)質(zhì)的詳情頁顯得尤其重要 ，優(yōu)質(zhì)的詳情頁是怎么做出來的呢？

首先大家了解詳情頁的設計技巧與思路嗎？

當我們拿到一個詳情頁設計需求的時候，我們不要急著去做，而是先分析詳情頁的邏輯大框架，詳情頁的邏輯很重要。

我們可以先分析產(chǎn)品的定位和賣點（痛點），先進行產(chǎn)品的定位，懂得營銷思路，確定好文案，把文案的主次關系弄清楚，補充促銷的噱頭，提升轉(zhuǎn)化率。點綴標題，給人一種購買欲。

一、寶貝描述頁的框架

打造一個詳情頁，前期需要花多點時間去調(diào)查，構(gòu)思，確定好一個方向，再去做設計。詳情頁是提高轉(zhuǎn)化率的入口，所以寶貝詳情頁是店鋪產(chǎn)品是否能夠交易成功的關鍵因素。

一個成功的詳情頁是如何吸引客戶的購買欲望，如何才能牢牢抓住客戶的消費心理？我們要從買家的購買心理，買家的瀏覽習慣，購物邏輯去分析。

按照這些邏輯去優(yōu)化我們的詳情頁，依據(jù)這些邏輯把詳情頁描述分成幾大模塊去表達。

詳情頁的描述邏輯，都需要遵循一個順序：如何引起消費者的注意，激發(fā)潛在客戶的消費需求，得到消費者的認同與信任，替消費者做決定。由于客戶不能直觀的體驗，我們做詳情頁的目的就是打消客戶對產(chǎn)品的各種疑慮，從客戶的角度去出發(fā)，告訴客戶我們的產(chǎn)品是值得去信賴的。

二、設計的技巧

先進行產(chǎn)品的定位，了解清楚產(chǎn)品在市場上的價格，符合什么樣的人群；再確定風格，看一下其他店鋪的詳情頁設計，吸取一下別人的長處。從中借鑒準備設計的元素，分析產(chǎn)品自身的一下賣點進行提煉，根據(jù)產(chǎn)品的定位進行風格上的確立，開始逐步收集所用到是設計素材。素材網(wǎng)站可以到花瓣、覓素材等尋找用到的素材。

產(chǎn)品的定位主要分為三種定位，功效定位、品質(zhì)定位、市場定位。功效上，該產(chǎn)品在同類的產(chǎn)品中有什么明顯的功能區(qū)別，有什么突出功效；品質(zhì)上，有什么突出的品質(zhì)吸引客戶；市場上，把產(chǎn)品的宣傳定位在最有利的市場上。

拿這個店鋪為例，店鋪想做簡潔清爽的風格，考慮品牌色色調(diào)跟產(chǎn)品色，用色盡量控制在2-3中顏色。避免頁面出現(xiàn)花哨的感覺，彰顯品牌調(diào)性。

1. 對比突出

文字上的突出，確定好文案的標題，主次標題之間要有明顯的大小對比，重點突出主標題，副標題與裝飾文字需要弱化，層次分明。

圖案上的突出，對產(chǎn)品進行打光突出。與頁面有明暗關系的對比，突出產(chǎn)品。其余的作虛化處理，拉開頁面的層次感。

2. 版式的銜接

柔和的曲線銜接，這種分割版式適合一些偏女性母嬰的產(chǎn)品。讓客戶跟著曲線的銜接引導觀看，延長停留的時間，既給頁面增加美觀，也給人柔美柔和的感覺。

利落的直線條/斜線條分割銜接，這種分割的版式適合數(shù)碼類，運動類或者偏男性的產(chǎn)品。

各類型的形狀銜接，這種形式比較活躍，注意形狀的統(tǒng)一，形狀的大小對比，主次分明，切記能過多的形狀，導致頁面混亂。

3. 風格上的確立

1. 文字上的確立風格，確定走的是簡潔風、時尚風、文藝風、科技感、可愛風等。定一個主風格，再定一個次風格，主次分明相結(jié)合。
2. 產(chǎn)品價格的定位，確立風格。
3. 分析市場，可以走差異化，不同尋常的風格。

三、首屏海報創(chuàng)意

設計生活中，創(chuàng)意不僅可以吸引客戶的眼球，又能整體畫面的豐富層次感，而且還可以很巧妙地表達出主題性。淘寶頁面中，如何才能夠讓客戶一眼記住，形式的創(chuàng)新顯得尤其重要。視覺集中到產(chǎn)品身上，同時能夠很好地抓住人的眼球。

1. 常規(guī):全力營造氛圍

提煉關鍵詞，畫面氛圍靠向關鍵詞。對設計素材進行尋找收集，前期工作收集的素材可以到素材網(wǎng)站，比較花瓣網(wǎng)、覓素材等。

2. 特有形式的延展

固定構(gòu)圖固定形式，找到形式套用。

3. 在內(nèi)容里找梗：喜聞樂見，會心一笑

從合理把握尺度（含蓄巧妙）。

4. 玩標題：不止是大

標題文字形式，結(jié)構(gòu)，材質(zhì)的玩法。

5. 超現(xiàn)實的場景設定

打破固有思維夢幻夢境。

6. 有趣生動的造型

特別不同的地方。元素要有趣要有喜感。

7. 最樸實的情感最動人

尋找動人的點。通常一些感人的畫面，更容易打動消費者，讓消費者理解。

多在花瓣等網(wǎng)站瀏覽各種各樣的頁面，圖片的設計，可以給我們的詳情頁設計帶來很多靈感。設計本身就是相通的，所以多看一些別的領域的設計也可以提升我們的審美能力，設計源于生活，我們應該學會從生活中汲取靈感。

總結(jié)

從產(chǎn)品定位到風格設計，從營銷思維到設計，都些都是影響一個寶貝詳情頁轉(zhuǎn)換率好不好的關鍵因素。頁面的整體風格調(diào)性，美觀問題，都很重要。一個詳情頁好不好，不光要美觀，還要提升寶貝的轉(zhuǎn)化率。

站在客戶的角度去分析，如何做到激發(fā)購買欲，讓客戶更加對產(chǎn)品信服。確定詳情頁的框架，構(gòu)思好詳情頁的內(nèi)容。確定產(chǎn)品的主要賣點，給產(chǎn)品確立一個明確的定位，告訴客戶為什么要買你的產(chǎn)品。滿足用戶的需求，需求是對美好的向往，以及對現(xiàn)狀的恐懼。

本文由 @光影靈動設計 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

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