任務(wù)二網(wǎng)店首頁(yè)布局

1、移動(dòng)商務(wù)視覺設(shè)計(jì)移動(dòng)商務(wù)視覺設(shè)計(jì)項(xiàng)目四 網(wǎng)店頁(yè)面設(shè)計(jì)目錄任務(wù)一 店鋪Logo設(shè)計(jì)任務(wù)二 網(wǎng)店首頁(yè)布局任務(wù)三 商品詳情頁(yè)布局任務(wù)四 文案設(shè)計(jì)的六種思維任務(wù)五 表格排版任務(wù)六 圖片切割與批處理點(diǎn)擊進(jìn)入任務(wù)導(dǎo)入 店鋪首頁(yè)如同專賣店，走入大門后一目了然店里陳列的商品是否是自己有意向購(gòu)買的，或是直接能夠看到哪些商品時(shí)當(dāng)季推薦的，哪些品類的商品陳列在那個(gè)區(qū)域。因此，首頁(yè)布局其實(shí)就是有目的的去展示一些商品，并讓顧客能夠快速找到他想要的商品，并完成店鋪形象傳遞和營(yíng)銷的目的。任務(wù)二 知識(shí)目錄一、首頁(yè)布局的作用二、首頁(yè)的模塊分解產(chǎn)品品牌、店鋪品牌是一家店鋪與其他店鋪有明顯不同的特點(diǎn)。展示形象當(dāng)顧客有明確購(gòu)買目的時(shí)

2、，首頁(yè)需要有搜索導(dǎo)購(gòu)功能，幫助顧客快速方便地找到所需的商品。商品搜索當(dāng)顧客無明確購(gòu)買需求時(shí)，需要一些推薦和活動(dòng)來激發(fā)顧客的潛在購(gòu)買需求。推薦和活動(dòng)zzzzzzzzz一、首頁(yè)布局的作用品牌定位。品牌主要通過店鋪文字、產(chǎn)品品牌名字、品牌經(jīng)典Slogan等幾個(gè)方面體現(xiàn)。產(chǎn)品定位。產(chǎn)品定位主要通過有代表性的產(chǎn)品展示、模特展示、穿著效果展示等來體現(xiàn)。價(jià)格信息。價(jià)格信息與品牌定位有一定的聯(lián)系，有的品牌通過打造自己有價(jià)值的視覺傳遞去淡化價(jià)格信息，這是高價(jià)位品牌的普遍做法。zzzzzzzzz二、首頁(yè)的模塊分解（店招）Logo是一家店鋪的標(biāo)識(shí)，品牌專營(yíng)店一般會(huì)沿用商品品牌Logo,或?yàn)榫W(wǎng)店重新設(shè)計(jì)與品牌Logo

3、相符的標(biāo)識(shí)，已達(dá)到延續(xù)利用品牌效應(yīng)的效果。多品牌商品的店鋪，因?yàn)闊o法沿用某一品牌的Logo，再加上商品可能經(jīng)常調(diào)整變動(dòng)，可以打出自己的店鋪品牌Logo。如果是自有品牌，那么更應(yīng)該注重Logo的設(shè)計(jì)。zzzzzzzzz二、首頁(yè)的模塊分解（Logo）首頁(yè)并不能囊括所有的內(nèi)容和功能，比如品牌故事、信用評(píng)價(jià)、會(huì)員制度等，無法直接在首頁(yè)上全部展示，而是在其他的自定義頁(yè)面進(jìn)行展示，因此，通欄的作用是將這些自定義頁(yè)面用清晰明確的方式進(jìn)行介紹，并讓顧客馬上可以點(diǎn)擊進(jìn)去。同樣，通欄的位置一般是放在店招的下面，高度一般不需要太高，字體能夠看清晰為限，不需要占用過多篇幅，通欄的自定義頁(yè)面的數(shù)量也不是越多越好，一般我

4、們會(huì)設(shè)置有限的數(shù)量，讓字體不至于排的國(guó)語密集，有助于顧客看清楚。zzzzzzzzz二、首頁(yè)的模塊分解（通欄）zzzzzzzzz二、首頁(yè)的模塊分解（導(dǎo)航）隱形導(dǎo)航半隱形導(dǎo)航顯形導(dǎo)航店鋪的分類也是起到跟導(dǎo)航類似的作用，只是分類的展現(xiàn)會(huì)在更多產(chǎn)品頁(yè)面的左側(cè)同樣得到展示，而導(dǎo)航僅在首頁(yè)展示。zzzzzzzzz二、首頁(yè)的模塊分解（分類）zzzzzzzzz二、首頁(yè)的模塊分解（活動(dòng)banner）海報(bào)的特點(diǎn)是占用面積大，且內(nèi)容豐富，一般用作品牌展示、新品展示、活動(dòng)展示，還可以用輪播形式循環(huán)播放。zzzzzzzzz二、首頁(yè)的模塊分解（海報(bào)）zzzzzzzzz二、首頁(yè)的模塊分解（產(chǎn)品展示）店鋪首頁(yè)的下方，服務(wù)模塊

5、為客戶提供方便的自助購(gòu)物，幫助和提供一定程度的售前、售后服務(wù)說明；提高客戶體驗(yàn)、減少客服工作強(qiáng)度；減少客戶服務(wù)需求的等待周期。服務(wù)模塊如果放在頁(yè)面最低端也有一定的引導(dǎo)目的，一般顧客如果看到頁(yè)面的尾部還未點(diǎn)擊商品進(jìn)入，那么信任感可能是一個(gè)很大的因素，在這里服務(wù)模塊會(huì)給顧客增加信心、增加信任感。zzzzzzzzz二、首頁(yè)的模塊分解（服務(wù)）推薦模塊主要完善店鋪內(nèi)其他模塊未能展現(xiàn)的產(chǎn)品，也可以是店內(nèi)正在推廣的產(chǎn)品，可以增加預(yù)熱產(chǎn)品或主推產(chǎn)品的展現(xiàn)，增加產(chǎn)品展現(xiàn)。zzzzzzzzz二、首頁(yè)的模塊分解（推薦）活動(dòng)模塊的展示方式直接影響到店鋪的銷售情況，好的活動(dòng)及展示方式也是增加活動(dòng)效果的主要手段。zzzz

6、zzzzz二、首頁(yè)的模塊分解（活動(dòng)展示）旺旺模塊是為方便客戶在瀏覽過程中隨時(shí)有客服的需求而提供的。zzzzzzzzz二、首頁(yè)的模塊分解（旺旺在線）在頁(yè)面上除了Logo和店標(biāo)外，還有說明品牌、表現(xiàn)品牌內(nèi)容的地方，如下圖所示，是莎鯊家紡首頁(yè)第三屏部分。反復(fù)提醒顧客店鋪品牌，加深顧客對(duì)品牌的印象，是一種值得借鑒的方式。zzzzzzzzz二、首頁(yè)的模塊分解（品牌）提示顧客收藏的地方，不僅僅局限于店招、導(dǎo)航、頁(yè)尾，只要考慮好結(jié)構(gòu)的美觀，都可以添加收藏按鈕。值得一提的是，店鋪收藏對(duì)于非目標(biāo)性用戶來說，點(diǎn)擊并不是很高。zzzzzzzzz二、首頁(yè)的模塊分解（收藏）返回模塊是為方便客戶在瀏覽至頁(yè)尾時(shí)，能夠快速返回頁(yè)頭重新瀏覽或者下單而設(shè)計(jì)的。zzzzzzzzz二、首頁(yè)的模塊分解（返回）技能實(shí)訓(xùn)網(wǎng)店首頁(yè)布局規(guī)劃一、實(shí)訓(xùn)目標(biāo)掌握網(wǎng)店首頁(yè)的布局模塊。二、實(shí)訓(xùn)描述1.