視覺營銷之店鋪首頁設(shè)計

無論瀏覽者是從查找寶物進來，仍是直接訪問到店肆里來，只需進了店就應該盡可能的把流量留住在店內(nèi)。

店內(nèi)的每個頁面，都應該具備這樣的才能。

為什么流量進了店肆留不住，除了頁面與頁面聯(lián)接引導問題外，首先要解決的是信賴問題。

在產(chǎn)品不具備競賽優(yōu)勢的條件下，一個漂亮大氣的主頁，可能為成為你差異化競賽中不行短少的兵器。

杜輝：很僥幸跟咱們共享，今日咱們的主題是視覺營銷之店肆主頁規(guī)劃，在開端之前，咱們先明白主頁規(guī)劃的效果在哪。

咱們都知道一切的下單成交都是在產(chǎn)品描繪頁完結(jié)的，咱們運營的時分也是直接引流到詳情頁，而主頁更多的是做為一種引導，更多的是分流，明白這點非常重要。

杜輝：主頁的首要功能是：1、展現(xiàn)產(chǎn)品 2、傳達品牌形象 3、傳遞活動、促銷信息 4、引導、購物途徑 。

這兒咱們就要明白怎樣做到這幾點，咱們知道一個主頁的有利方位是有限的，就如同咱們的線下賣場，好的方位產(chǎn)品一般都賣得比較好。

杜輝：在做主頁規(guī)劃的時分首先要跟運營溝通好，最近的運營重心、思路等，主推什么，哪些產(chǎn)品是主推的。

杜輝：明白哪些人會來看咱們的主頁，也便是訪問主頁的途徑，榜首種是直接訪問；第二種是通過產(chǎn)品描繪頁進行訪問。

而后者遠比前者多。

這兩部分人群有一個一起的點。

對咱們的店肆或產(chǎn)品都有了榜首次的接觸，有開端的了解，有一定的愛好，才會進行二次跳轉(zhuǎn)到咱們的主頁，我把他們稱為準客戶。

他們進入主頁無非是想再找找其他的產(chǎn)品或更多的進行了解。

這個時分咱們就要好好把握，在主頁出現(xiàn)的時分堅持風格明晰一致，導航要明晰，界面易讀，有邏輯性。

這也是咱們做出現(xiàn)的一個根本原則。

杜輝：然后咱們再開端主頁的結(jié)構(gòu)規(guī)劃 ，咱們知道主頁的結(jié)構(gòu)店招、導航、輪播圖、分類、單品海報、產(chǎn)品列表、尾頁等。

這些模塊都有特定的效果，并且方位不相同，效果也是不相同的。

杜輝：咱們視覺也好美工也好都是為了成交。

其實視覺做的便是要把產(chǎn)品跟用戶銜接起來，并且這種銜接很舒服，很簡單被接受，咱們主頁規(guī)劃有幾個比較重要的數(shù)據(jù)目標，點擊率、跌失率、平均停留時刻。

特別是跌失率，過高的話是有問題的，這個值保持在50%以下比較合理。

跌失率是越低越好的 ，高了的話就意味著你主頁規(guī)劃的意圖沒有達到，前面咱們講了主頁是分流，是引導，最終是要引導到詳情頁下單的?

杜輝：跌失率高意味著來了你的主頁就直接走了，這個數(shù)據(jù)是咱們檢驗主頁規(guī)劃的一個重要目標 這個數(shù)據(jù)在生意顧問里能夠看到的，我截圖給給咱們看看。

杜輝：點擊分布后就能夠看到相關(guān)數(shù)據(jù)了。

剛剛講了跌失率，然后便是點擊率 ，這兒能夠看到點擊的次數(shù)。

點擊的方位的 杜輝：這有三種形式，按模塊模塊、鏈接、熱力圖都能夠看到哪個當?shù)攸c擊最多 杜輝：這個當?shù)鼐湍軌驅(qū)С隽斜砹??

當然咱們還有自己計算表單數(shù)據(jù)，知道這些數(shù)據(jù)后就開端進行規(guī)劃優(yōu)化，主頁的結(jié)構(gòu)店招、導航、輪播、分類、單品海報、產(chǎn)品列表、尾頁等。

杜輝：咱們看到這個主頁的一個根本結(jié)構(gòu)布局，接下來我跟咱們一個個模塊來怎樣進行規(guī)劃進行共享。

我先講視覺出現(xiàn)怎樣來的，也便是咱們美工做之前要了解的，PC 無線都是相同相通的。

杜輝：咱們看這幾個店招，相同的當?shù)囟际亲竺?，不同的是在右邊，依?jù)不同的運營思路來做視覺出現(xiàn)。

杜輝：咱們再看這兩個，榜首個就放了個LOGO，不過你是做品牌格調(diào)，有一定的老客戶，這樣做也能夠的。

但第二個就糟糕透了，不知道想說什么，鱗次櫛比的，這也是許多人簡單犯的過錯，什么都想往上面放，最終什么也沒傳達出來。

在視覺出現(xiàn)最忌諱這種堆砌式規(guī)劃了 杜輝：一切咱們在做店招的時分應該簡潔明晰一些。

咱們無線端的店招也要利用好，無線店招上能夠做鏈接的。

杜輝：主頁也好、詳情也好、包裝、物料等等，一切咱們能出現(xiàn)的都需求一致，這是視覺識別系統(tǒng)標準里要做的，今日不做共享，不過咱們會跟咱們講到主頁是怎樣能做到一致的。

杜輝：店招后邊便是導航，導航其實跟分類相同，榜首是顧客想找想看的，第二是咱們想讓顧客看的。

導航的設(shè)置跟優(yōu)化咱們能夠用店肆裝修剖析數(shù)據(jù)做依據(jù)。

點擊多的肯定要著重凸顯，凸顯的方法有許多。

比方放在有利方位或用顏色進行加強 杜輝：比方這個賣食品的，咱們知道食品回頭客許多，咱們把VIP放在最左面，依據(jù)人的視覺心理，從左往右的瀏覽習慣，很簡單看到這個分類導航 杜輝：再比方這個用色塊進行加強，讓更多的人進行點擊。

導航跟店招相同曝光量是最大的，而它的效果首要體現(xiàn)在功能性上，能讓顧客用最短的時刻找到想要的產(chǎn)品。

也能讓顧客很快速的看到咱們想讓其點擊的內(nèi)容。

杜輝：接下便是咱們的輪播海報，這個太重要了，這兒咱們先從榜首屏論來剖析，咱們翻開網(wǎng)點的時分都是顯現(xiàn)最上面的內(nèi)容，根本便是店招 導航 輪播這些模塊，首屏海報占的方位絕對的大。

這個當?shù)氐膬?nèi)容跟視覺出現(xiàn)決定流浪者的榜首印象。

這就得考慮什么樣的尺度高度能最多程度的兼容干流顧客的視覺效果，也便是視覺信息完整性。

杜輝：咱們看這是咱們翻開網(wǎng)頁的效果，中心這一部分便是咱們看到的內(nèi)容，假如這張海報太高咱們就需求進行鼠標翻滾才能看到下面的信息，造成海報信息的斷層，不完整性。

一切考慮到咱們許多筆記本用的分辨率是1024*768，主張咱們這張海報的高度不要太高，控制在500像素內(nèi)比較合適。

杜輝：接下來咱們看看首屏海報怎樣進行視覺出現(xiàn)，這兒有兩種形式的海報。

活動海報跟單品海報。

杜輝：看這張活動海報，主題非常清晰。

巴西世界杯。

用到的畫面元素、顏色都跟巴西世界杯相關(guān)。

杜輝：咱們看文字是怎樣處理的 ?

層次很分明 。

這兒有標題文字、闡明文字、裝飾文字。

通過大小、樣式的排列處理變得全體、主次分明。

人像的處理跟筆刷元素的運用都是體系世界杯的激情，更好的烘托活動~ 杜輝：再看這個單品海報，想想誰來買，男的多仍是女的多。

女人喜愛什么你們多懂的。

玫瑰花元素 玫瑰紅配色 進行氣氛烘托。

這兒咱們得留意的便是產(chǎn)品價格。

非常顯眼。

對于單品來說，把價格放上去是比較重要的。

咱們知道每個人購買的時分都是有心理價位的。

再看他的編列出來。

分幾個組合。

價格的表現(xiàn)是不是也很有層次感。

價格周圍的文字更多是裝飾用的。

這是咱們做海報的時分要留意的，留意你的視覺流程，主次之分。

杜輝：接下來是咱們的產(chǎn)品列表。

產(chǎn)品列表首先要做到全體一致。

咱們知道產(chǎn)品列表出現(xiàn)兩種方式，一種是系統(tǒng)產(chǎn)品模塊直接調(diào)用主圖。

一種是咱們用海報的形式進行出現(xiàn)。

杜輝：比方這種直接主圖的，在做主圖的時分就要做到一致，背景、板式、拍攝方法 杜輝：這種產(chǎn)品出現(xiàn)留意每一屏都要有要點，意圖是有意的進行引薦。

杜輝：最終便是咱們的主頁尾部，許多時分咱們都忽視了，其實咱們看到尾部的人就兩種，一種是新手，一種是對咱們的產(chǎn)品很感愛好的。

面對這兩種顧客咱們在規(guī)劃尾部時放購物須知、售后保障、會員等，也能夠進行再次的導航規(guī)劃，讓顧客再挑選一次，意圖便是別讓其離開你的店肆 杜輝：無線端相同的原理 在出現(xiàn)的時分留意你的傳達思路，無線端留意這個流量圖 跟行為習慣相關(guān)。

如圖： 做好一個店肆主頁，除了能夠無形的提高咱們的品牌（店肆）形象，最重要的仍是轉(zhuǎn)化率。

據(jù)美國哈佛商學院計算，咱們沖動愿望來源于視覺占83%，而咱們的聽覺僅占11%，還有3.5%來自嗅覺，1.5%來自觸覺，1%來自于味覺。

假如我是你，我會趕忙把店肆主頁發(fā)給一些朋友看看，讓他們挑挑刺說說主張。

特別是能夠做幾個頁面放在朋友圈讓朋友們來投票，找出咱們最喜愛的頁面。

本文"視覺營銷之店肆主頁規(guī)劃"為賣家資訊編輯編創(chuàng),轉(zhuǎn)載請注明出處(http://lr213o.cn.com/news?

id=266897) 店肆主頁規(guī)劃

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。

難題沒解決？加我微信給你講！【僅限淘寶賣家交流運營知識，非賣家不要加我哈】

>

推薦閱讀：

臺灣淘寶買家已簽收產(chǎn)品，為什么淘寶訂單還顯示物流中？

淘寶賣浴霸，無法發(fā)布自己的品牌，怎么辦？

淘寶賣文具怎么開店？貨源到哪找？

更多資訊請關(guān)注幕 思 城。