手機(jī)淘寶首頁(yè)設(shè)計(jì)布局分析

只有珍惜每一個(gè)流量，才能盈利。

從下圖可以看出，無(wú)線商店的首頁(yè)起著強(qiáng)大的分流作用，所以無(wú)線首頁(yè)的布局好壞，決定了商店的流量是否健康。

所以我們美工和運(yùn)營(yíng)一定要根據(jù)客戶的實(shí)際趨勢(shì)來(lái)完成店鋪相應(yīng)頁(yè)面的設(shè)計(jì)。

設(shè)計(jì)無(wú)線商店的主頁(yè)框架，然后分別設(shè)計(jì)和修改各個(gè)模塊。

下圖是我們?cè)O(shè)計(jì)的無(wú)線商店主頁(yè)的框架。

從整體內(nèi)容來(lái)說(shuō)，無(wú)線首頁(yè)必須承載店鋪招聘、會(huì)員分享、寶貝、分類、活動(dòng)、形象、優(yōu)惠券、微購(gòu)八大內(nèi)容。

參考上圖，我們來(lái)看看無(wú)線商店的首頁(yè)框架中各模塊的主要功能和設(shè)計(jì)要點(diǎn):【商店招聘】這部分是告知客戶商店?duì)I銷的亮點(diǎn)，比如聚劃算活動(dòng)、商店活動(dòng)等。

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

【焦點(diǎn)圖模塊】這部分是告知顧客店鋪的主要活動(dòng)，或者是推廣寶貝等。

，并細(xì)化活動(dòng)的分類。

【優(yōu)惠券模塊】可以使用多圖模塊、左右圖模塊等。

細(xì)化活動(dòng)分類。

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

[左右模塊]這部分可以進(jìn)行活動(dòng)分類，或者存儲(chǔ)相關(guān)信息。

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

【雙排寶貝模塊】這部分是店內(nèi)最暢銷或者主銷的寶貝。

【自定義菜單】這部分對(duì)寶貝進(jìn)行引導(dǎo)和分類，有效促進(jìn)客戶導(dǎo)流。

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

a .店鋪招牌設(shè)計(jì):如何讓店鋪高大上【店鋪招牌規(guī)格】640x200像素，大小:100KB以內(nèi)，圖片類型:jpg，jpeg，png。

【圖片內(nèi)容】1。

反映行業(yè)地位；2.體現(xiàn)店鋪的調(diào)性；3.突出活動(dòng)主題。

1.舉例:反映行業(yè)地位。

店鋪:三只松鼠旗艦店，如圖13。

例2:體現(xiàn)店鋪的調(diào)性。

店鋪:因曼旗艦店，如圖14所示。

舉例:突出活動(dòng)主題。

店鋪:韓都衣舍旗艦店，如圖15。

b .焦點(diǎn)圖模塊的裝飾點(diǎn)。

焦點(diǎn)圖的旋轉(zhuǎn)設(shè)置為三輪:第一輪設(shè)置為店鋪活動(dòng)信息海報(bào)；二播設(shè)定為單品爆款海報(bào)；第三輪設(shè)置為配合大促銷或活動(dòng)的單品爆款。

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

[模塊內(nèi)容]您最多可以添加4張橫幅圖片。

模塊中的圖片內(nèi)容可以是店鋪的主要活動(dòng)和主題。

1.比如，性價(jià)比高。

店鋪:因曼旗艦店，如圖16所示。

特別要注意第一個(gè)焦點(diǎn)畫面的設(shè)計(jì)要點(diǎn):首播:促進(jìn)信息清晰可見(jiàn)，避免信息多重和視覺(jué)混亂；二播:單品爆款，簡(jiǎn)潔布局，突出產(chǎn)品；第三輪播出:大促活動(dòng)的爆款推薦，信息清晰簡(jiǎn)單。

c .優(yōu)惠券模塊用于設(shè)計(jì)優(yōu)惠券的模塊:多圖模塊、左圖模塊、雙排圖模塊。

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

【左右兩側(cè)模塊】圖片尺寸:608像素× 160像素，數(shù)量不限。

【雙排圖片模塊】圖片尺寸:296像素× 160像素，數(shù)量不限。

示例:多圖形模塊。

店鋪:因曼旗艦店，如圖17所示。

注:雙11活動(dòng)頁(yè)面。

2.比如:左右的模塊。

店鋪:三只松鼠旗艦店，如圖18。

示例:兩行圖片模塊。

店鋪:因曼旗艦店，如圖19所示。

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

【模塊內(nèi)容】多用于分類，讓客戶更快的在首頁(yè)找到更合適的寶貝導(dǎo)航，這樣導(dǎo)流效果更明顯。

我們?cè)谘b修模塊的時(shí)候，要結(jié)合分類代表圖，做好店鋪產(chǎn)品的分類。

分類的具體設(shè)計(jì)包括兩種:1 .優(yōu)惠券；2.嬰兒分類。

Minibanner設(shè)計(jì)要點(diǎn)(1)要清晰地列出和展示店鋪的主要產(chǎn)品，文字信息等元素要體現(xiàn)場(chǎng)館內(nèi)的打折產(chǎn)品，以便快速引導(dǎo)消費(fèi)者購(gòu)買。

(2)主要目的是讓消費(fèi)者快速進(jìn)入收貨頁(yè)面，達(dá)到導(dǎo)流的效果。

無(wú)線主頁(yè)模塊的設(shè)置方法已經(jīng)一一介紹給大家了。

設(shè)計(jì)無(wú)線主頁(yè)需要注意哪些點(diǎn)？

1.首頁(yè)的布局要結(jié)構(gòu)清晰，設(shè)計(jì)頁(yè)面要清晰，瀏覽要方便。

3.爆款推薦可以讓店鋪流量更轉(zhuǎn)化。

爆款推薦可以讓店鋪流量集中。

4.主頁(yè)的色彩要統(tǒng)一、協(xié)調(diào)、主次分明、遞進(jìn)。

如果顏色很亂，客戶體驗(yàn)會(huì)差很多。

設(shè)計(jì)的時(shí)候一定要根據(jù)店鋪的受眾保持整體風(fēng)格的一致。

5.優(yōu)惠券設(shè)計(jì)，讓到店用戶感受氛圍，提高轉(zhuǎn)化率。

6.建立分類爆炸和其他分類區(qū)域，盡可能多地暴露店鋪商品。

在導(dǎo)流的同時(shí)，客戶可以看到更多的商品，可以提升客戶體驗(yàn)，加深訪問(wèn)價(jià)值。

我們?cè)谠O(shè)計(jì)無(wú)線主頁(yè)的時(shí)候，一定要明確設(shè)計(jì)思路，先構(gòu)思框架，再收集素材。

最后提醒一句:在對(duì)首頁(yè)的產(chǎn)品布局進(jìn)行分類時(shí)，建議根據(jù)寶貝數(shù)量和流量來(lái)確定首頁(yè)布局和模塊功能，這樣可以讓首頁(yè)裝飾更有重點(diǎn)，讓我們的客戶看到更有邏輯、更清晰的無(wú)線商店首頁(yè)。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

難題沒(méi)解決？加我微信給你講！【僅限淘寶賣家交流運(yùn)營(yíng)知識(shí)，非賣家不要加我哈】

>

推薦閱讀：

開(kāi)網(wǎng)店找貨源哪里靠譜？有哪些渠道？

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