隨著2016年的到來(lái)，更多的商家涌入京東電子商務(wù)平臺(tái)，但是近期發(fā)現(xiàn)許多商家都存在通病，就是主頁(yè)面不會(huì)做，很多商家色彩單調(diào)，沒(méi)有新意，產(chǎn)品擺放無(wú)序，沒(méi)有側(cè)重點(diǎn)。今天分享給大家如何做好頁(yè)面。各位商家在觀看之前，先好好檢查下自己的店鋪是否也存在同樣的問(wèn)題。做頁(yè)面和做事業(yè)一樣：細(xì)節(jié)決定成敗。

 

尼爾森F型視覺(jué)模型

一個(gè)詳情頁(yè)的設(shè)計(jì)，頁(yè)面最好放在8-10個(gè)屏。

 

把需要闡述的，重點(diǎn)、尺寸、細(xì)節(jié)、包括場(chǎng)景，放在第一屏上做展示。

人們的行為習(xí)慣，會(huì)從左側(cè)開(kāi)始向下看，從第二屏開(kāi)始，頁(yè)面陳述要簡(jiǎn)短，因?yàn)樾畔⒘拷邮苤饾u減少。

 

京東系：扁平化設(shè)計(jì)

京東系部分頁(yè)面已改為扁平化設(shè)計(jì)

扁平化設(shè)計(jì)是2008年由谷歌公司提出，在整個(gè)實(shí)踐中，微軟公司在客戶的呈現(xiàn)上做了最大的推動(dòng)。

 

京東的設(shè)計(jì)理念

去掉多余的東西，透視、紋理、漸變，重點(diǎn)在信息本身，展示產(chǎn)品的賣(mài)點(diǎn)、文案、圖片，設(shè)計(jì)元素要抽象化、節(jié)儉化、符號(hào)化。

 

一、京東頁(yè)面設(shè)計(jì)定位及分析

大框架：

很多人在銷售一件產(chǎn)品時(shí)，多是把重點(diǎn)放在怎么設(shè)計(jì)好圖或者怎么拍好，事實(shí)上，應(yīng)該把百分之八十的重點(diǎn)放在是否被市場(chǎng)接受上。如果說(shuō)你選的商品具有一定的差異化及一定的市場(chǎng)競(jìng)爭(zhēng)力，再把商品以百分之二十的功力找好的設(shè)計(jì)師和攝影。并不是無(wú)論什么商品，通過(guò)視覺(jué)包裝、策劃，就能放在京東上，通過(guò)漂亮的圖去實(shí)現(xiàn)銷售。因?yàn)槌水a(chǎn)品本身，還有考慮商品的排名。任何商品在沒(méi)有任何曝光的情況下，不能獲得點(diǎn)擊，沒(méi)有點(diǎn)擊何談轉(zhuǎn)化。

頁(yè)面設(shè)計(jì)需要注意以下幾點(diǎn)：

頁(yè)面邏輯：在頁(yè)面呈現(xiàn)上，要用百分之五十精力放在人們的瀏覽行為習(xí)慣上，讓客戶感到舒適。建立視覺(jué)營(yíng)銷點(diǎn)，邏輯是很重要的板塊，所以要重視頁(yè)面邏輯。

畫(huà)面設(shè)計(jì)：運(yùn)營(yíng)或者設(shè)計(jì)要有一個(gè)清晰畫(huà)面設(shè)計(jì)思路。

商品文案：注重提煉，即客戶對(duì)店鋪認(rèn)識(shí)的提煉。注重對(duì)商品的賣(mài)點(diǎn)和痛點(diǎn)的挖掘。

商家邏輯和顧客邏輯的對(duì)比

京東主頁(yè)點(diǎn)擊率一般低于百分之十，所以不要把重點(diǎn)放在京東主頁(yè)。重點(diǎn)做商品主圖，依據(jù)顧客邏輯設(shè)計(jì)，顧客感興趣會(huì)去點(diǎn)詳情頁(yè)。京東的商品主圖正常情況下，點(diǎn)擊率為百分之六十五。

二、顧客為什么進(jìn)入主頁(yè)？

三、如何在京東規(guī)范詳情的主圖上別出心裁

主次商品規(guī)劃：在設(shè)計(jì)過(guò)程中，要把整個(gè)商品做三個(gè)位置的設(shè)計(jì)。一般第一個(gè)商品卡在首頁(yè)的第一行，第二個(gè)商品會(huì)卡在第五行。

主頁(yè)設(shè)計(jì)方向三個(gè)：

品牌策劃意識(shí)

商品推薦上做單個(gè)商品的推薦形象設(shè)計(jì)策劃

活動(dòng)版塊設(shè)計(jì)

單品/新品設(shè)計(jì)側(cè)重點(diǎn)

 

1、商品爆款

2、利潤(rùn)款

3、整個(gè)新品展現(xiàn)中要跟整個(gè)產(chǎn)品的基礎(chǔ)色、格調(diào)匹配。

新品在發(fā)布時(shí)，需要注意的點(diǎn)，總結(jié)為三個(gè)關(guān)鍵詞：在利潤(rùn)支撐下，在爆款形成里，且整個(gè)VI體系完善中。

利用主頁(yè)布局引導(dǎo)顧客

第一屏設(shè)計(jì)

大圖有三個(gè)目的：上新品、做品牌、做活動(dòng)。這張圖如果能夠吸引顧客，他們就會(huì)繼續(xù)拖動(dòng)滾動(dòng)條。

第二屏設(shè)計(jì)

做加入收藏，因?yàn)槭詹厮銠?quán)重。放優(yōu)惠券，可以黏住客戶。第二屏的核心，體現(xiàn)爆款打造，做兩個(gè)維度的考慮：

1、爆款形成時(shí)，無(wú)論是走利潤(rùn)還是走銷售，其實(shí)也來(lái)承接次爆款的任務(wù)；

2、推出下一個(gè)商品，在預(yù)熱過(guò)程時(shí)是否被客戶接受做個(gè)測(cè)試。

第三屏設(shè)計(jì)

店長(zhǎng)推薦或者被客戶認(rèn)知的商品排序。