手機(jī)淘寶店鋪首頁(yè)怎么排版布局?

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

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

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

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

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

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

【雙列寶貝模塊】這部分是店鋪熱賣或者主銷的寶貝。

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

下面我們羅列下各個(gè)模塊設(shè)計(jì)要求A.店招設(shè)計(jì)：如何讓店鋪高大上【店招規(guī)格】640x200 像素，大小：100KB以內(nè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)的單品爆款。

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

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

模塊中的圖片內(nèi)容可以為店鋪主推活動(dòng)，活動(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)容】多用于分類，讓客戶在首頁(yè)中可以更快地找到更貼合的寶貝導(dǎo)航，這樣分流作用更明顯。

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

分類具體的設(shè)計(jì)包含兩種：1.優(yōu)惠券;2.寶貝分類。

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

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

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

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