現(xiàn)如今我們需要的是全面而手機(jī)端淘寶店鋪就成了我們所不可缺少的一部分，只有珍惜每一個(gè)流量我們才有利可圖。

　　在設(shè)計(jì)手機(jī)淘寶客戶(hù)端首頁(yè)前，我們要明白，無(wú)線店鋪的首頁(yè)起的作用比PC首頁(yè)更大。

　　從下圖可以看出，無(wú)線店鋪首頁(yè)起著強(qiáng)大的分流作用，所以無(wú)線首頁(yè)的布局好或是差，就決定了店鋪內(nèi)流量流轉(zhuǎn)是否健康。

　　仔細(xì)分析用戶(hù)在手機(jī)淘寶的購(gòu)物路徑，我們不難發(fā)現(xiàn)，用戶(hù)的購(gòu)物路徑非常簡(jiǎn)單，一直圍繞著“商品詳情頁(yè)----店鋪首頁(yè)----商品詳情頁(yè)----店首頁(yè)”的軸，這有別于PC端客戶(hù)的訪問(wèn)行為，因而，我們的美工及運(yùn)營(yíng)一定要依據(jù)客戶(hù)的實(shí)際走向來(lái)完成店鋪相應(yīng)頁(yè)面的設(shè)計(jì)。

　　注意:從用戶(hù)的訪問(wèn)行為來(lái)看，手機(jī)店鋪的首頁(yè)與寶貝詳情頁(yè)的裝修是非常重要的環(huán)節(jié)，決定了客戶(hù)去向以及是否購(gòu)買(mǎi)。

　　設(shè)計(jì)無(wú)線店鋪首頁(yè)框架，再去各個(gè)模塊單獨(dú)地設(shè)計(jì)修改。下圖是我們?cè)O(shè)計(jì)的無(wú)線店鋪首頁(yè)的框架，從整體內(nèi)容上看，無(wú)線首頁(yè)必須承載八大內(nèi)容：店招、會(huì)員分享、寶貝、分類(lèi)、活動(dòng)、形象、優(yōu)惠券和微淘。

　　參照上圖，我們來(lái)看一下無(wú)線店鋪首頁(yè)框架中各個(gè)模塊的主要作用及設(shè)計(jì)要點(diǎn)：

　　【店招】這一部分是告知客戶(hù)店鋪營(yíng)銷(xiāo)亮點(diǎn)，比如聚劃算活動(dòng)和店鋪活動(dòng)等。

　　【標(biāo)題模塊】這部分是告知客戶(hù)店鋪的優(yōu)勢(shì)，品牌的理念等。

　　【焦點(diǎn)圖模塊】這部分是告知客戶(hù)店鋪主打活動(dòng)，或者主推寶貝等，也是細(xì)化活動(dòng)分類(lèi)。

　　【優(yōu)惠券模塊】可以使用多圖模塊、左文右圖等模塊，細(xì)化活動(dòng)分類(lèi)。

　　【雙列圖片模塊】這部分可以是活動(dòng)分類(lèi)，也可以是產(chǎn)品分類(lèi)。

　　【左文右圖模塊】這部分可以是活動(dòng)分類(lèi)，或者店鋪相關(guān)信息。

　　【搭配套餐模塊】這部分是告知顧客店鋪搭配套餐，提高客單價(jià)的神器。

　　【雙列寶貝模塊】這部分是店鋪熱賣(mài)或者主銷(xiāo)的寶貝。

　　【自定義菜單】這部分引導(dǎo)分類(lèi)寶貝，有效促進(jìn)客戶(hù)分流。

　　下面我們羅列下各個(gè)模塊設(shè)計(jì)要求

　　A.店招設(shè)計(jì)：如何讓店鋪高大上

　　【店招規(guī)格】640x200 像素，大?。?00KB以?xún)?nèi)，圖片類(lèi)型：jpg、jpeg、png。

　　【圖片內(nèi)容】1.體現(xiàn)行業(yè)地位;2.體現(xiàn)店鋪調(diào)性;3.凸顯活動(dòng)主題。

　　舉例1：體現(xiàn)行業(yè)地位。店鋪：三只松鼠旗艦店，如圖1-3所示。

　　圖1-3 三只松鼠旗艦店

　　舉例2：體現(xiàn)店鋪調(diào)性。店鋪：茵曼旗艦店，如圖1-4所示。

　　圖1-4 茵曼旗艦店

　　舉例3：凸顯活動(dòng)主題。店鋪：韓都衣舍旗艦店，如圖1-5所示。

　　圖1-5 韓都衣舍旗艦店

　　B.焦點(diǎn)圖模塊的裝修要點(diǎn)

　　焦點(diǎn)圖的輪播設(shè)定為三輪播：第一輪播設(shè)置為店鋪活動(dòng)信息海報(bào);第二輪播設(shè)置為單品爆款海報(bào);第三輪設(shè)置為配合大促或者活動(dòng)的單品爆款。手機(jī)端焦點(diǎn)圖的設(shè)置與PC端不同，與PC端相同的是首焦均是店鋪主要活動(dòng)信息，但手機(jī)店鋪建議以爆款為主。

　　【焦點(diǎn)圖規(guī)格】圖片尺寸608像素x304像素，文件大小100KB，格式：jpg 、png。

　　【模塊內(nèi)容】最多可以添加4幅banner圖片。

　　模塊中的圖片內(nèi)容可以為店鋪主推活動(dòng)，活動(dòng)主題。聚劃算、手機(jī)專(zhuān)享、大促活動(dòng)等。

　　舉例1：聚劃算。店鋪：茵曼旗艦店，如圖1-6所示。

　　圖1-6 茵曼旗艦店

　　首焦圖設(shè)計(jì)要點(diǎn)要特別注意：

　　第一輪播：大促信息清晰可見(jiàn)，避免多重信息，避免視覺(jué)混亂;

　　第二輪播：?jiǎn)纹繁顬橹?，排版?jiǎn)潔，突出產(chǎn)品;

　　第三輪播：大促活動(dòng)爆款推薦，信息清晰簡(jiǎn)單明了。

　　C.優(yōu)惠券模塊設(shè)計(jì)

　　優(yōu)惠券所用模塊：多圖模塊，左文右圖模塊，雙列圖片模塊。

　　【多圖模塊】圖片尺寸：248像素×146像素，圖片最多6張，最少3張。

　　【左文右圖模塊】圖片尺寸：608像素×160像素，不限制個(gè)數(shù)。

　　【雙列圖片模塊】圖片尺寸：296像素×160像素，不限制個(gè)數(shù)。

　　舉例1：多圖模塊。店鋪：茵曼旗艦店，如圖1-7所示。注：雙11活動(dòng)頁(yè)。

　　圖1-7 茵曼旗艦店

　　舉例2：左文右圖模塊。店鋪：三只松鼠旗艦店，如圖1-8所示。

　　圖1-8 三只松鼠旗艦店

　　舉例3：雙列圖片模塊。店鋪：茵曼旗艦店，如圖1-9所示。

　　圖1-9 茵曼旗艦店

　　雙列圖片模塊設(shè)計(jì)，雙列圖片，也叫Minibanner。

　　【模塊內(nèi)容】多用于分類(lèi)，讓客戶(hù)在首頁(yè)中可以更快地找到更貼合的寶貝導(dǎo)航，這樣分流作用更明顯。我們?cè)谘b修模塊的時(shí)候，要結(jié)合分類(lèi)代表圖，做好店鋪產(chǎn)品分類(lèi)。分類(lèi)具體的設(shè)計(jì)包含兩種：1.優(yōu)惠券;2.寶貝分類(lèi)。

　　設(shè)計(jì)Minibanner的要點(diǎn)

　　(1)需要清楚地羅列、展示店鋪主推商品，文字信息等元素需要體現(xiàn)會(huì)場(chǎng)折扣商品，從而快速引導(dǎo)消費(fèi)者購(gòu)買(mǎi)。

　　(2)主要目的是讓消費(fèi)者快速進(jìn)入承接頁(yè)，達(dá)到分流的效果。

　　無(wú)線首頁(yè)模塊設(shè)置的方法一一介紹給大家了，那在做無(wú)線首頁(yè)設(shè)計(jì)的時(shí)候需要注意哪些要點(diǎn)呢?

　　1.首頁(yè)布局要結(jié)構(gòu)清晰，設(shè)計(jì)頁(yè)面清晰，實(shí)現(xiàn)瀏覽便捷，手機(jī)店鋪首頁(yè)是樞紐，結(jié)構(gòu)模塊少而精，便于客戶(hù)快速讀取。

　　2.各模塊促銷(xiāo)文字、產(chǎn)品賣(mài)點(diǎn)簡(jiǎn)潔清晰，手機(jī)受屏幕的限制，面積有限，所以呈現(xiàn)的內(nèi)容更是有限，信息量過(guò)多，會(huì)導(dǎo)致消費(fèi)者無(wú)法讀取，帶來(lái)的就是客戶(hù)跳失。

　　3.爆款推薦，讓到店流量有更大的轉(zhuǎn)化，手機(jī)端的客戶(hù)訪問(wèn)行為決定了流量的精準(zhǔn)度，爆款的推薦會(huì)讓店鋪流量集中。

　　4.首頁(yè)色彩要統(tǒng)一協(xié)調(diào)、主次分明、遞進(jìn)，手機(jī)屏幕狹小，如果色調(diào)雜亂，客戶(hù)體驗(yàn)會(huì)差很多，我們?cè)谧鲈O(shè)計(jì)的時(shí)候一定要根據(jù)店鋪的受眾群，讓整體風(fēng)格保持一致。

　　5.優(yōu)惠券設(shè)計(jì)，讓到店用戶(hù)感受大促氛圍，提升轉(zhuǎn)化率，優(yōu)惠券在手機(jī)端，相比于PC端更有沖擊力，有利于客戶(hù)轉(zhuǎn)化。

　　6.建立分類(lèi)爆款及其他分類(lèi)專(zhuān)區(qū)，盡可能多地曝光店鋪商品，在分流的同時(shí)，可以讓客戶(hù)看到更多商品，在提升客戶(hù)體驗(yàn)的同時(shí)，加深訪問(wèn)的價(jià)值。

　　我們?cè)谧鰺o(wú)線首頁(yè)設(shè)計(jì)的時(shí)候，一定要明確設(shè)計(jì)思路，先構(gòu)思框架、再搜集素材。

　　最后提醒：在進(jìn)行首頁(yè)產(chǎn)品布局分類(lèi)時(shí)，建議以寶貝數(shù)量與流量大小來(lái)決定首頁(yè)布局和模塊功能，這樣才能讓首頁(yè)裝修更有重點(diǎn)，讓我們的客戶(hù)看到更加有邏輯、更加清晰的無(wú)線店鋪首頁(yè)。

推薦閱讀《抓住買(mǎi)家的“心”攻略，賣(mài)家談話技巧》

推薦閱讀《成熟淘寶賣(mài)家教你怎樣抓住買(mǎi)家的心》

更多關(guān)于如何抓住買(mǎi)家的心的方法加我們的老師私人微信：jianghui869 了解更多！