任務二網店首頁布局

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

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

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

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

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

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