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

只有珍惜每一個流量，才能盈利。

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

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

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

下圖是我們設(shè)計的無線商店主頁的框架。

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

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

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

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

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

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

細(xì)化活動分類。

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

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

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

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

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

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

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

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

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

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

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

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

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

舉例:突出活動主題。

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

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

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

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

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

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

1.比如，性價比高。

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

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

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

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

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

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

示例:多圖形模塊。

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

注:雙11活動頁面。

2.比如:左右的模塊。

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

示例:兩行圖片模塊。

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

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

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

我們在裝修模塊的時候，要結(jié)合分類代表圖，做好店鋪產(chǎn)品的分類。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我們在設(shè)計無線主頁的時候，一定要明確設(shè)計思路，先構(gòu)思框架，再收集素材。

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

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

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

>

推薦閱讀：

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

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