《C-to-C網(wǎng)店運(yùn)營》第六章 網(wǎng)店首頁美化

目錄第一章：創(chuàng)業(yè)市場(chǎng)調(diào)查第二章：尋找貨源第三章：網(wǎng)店注冊(cè)與認(rèn)證第四章：網(wǎng)店LOGO設(shè)計(jì)與制作第五章：網(wǎng)店店招設(shè)計(jì)與制作目錄第六章：網(wǎng)店首頁美化第七章：網(wǎng)店廣告設(shè)計(jì)與制作第八章：產(chǎn)品發(fā)布第九章：在線接待流程第十章：物流發(fā)貨第六章

網(wǎng)店首頁美化學(xué)習(xí)目標(biāo)通過學(xué)習(xí)，你應(yīng)當(dāng)能夠1.掌握店鋪首頁整體布局的方法及優(yōu)化依據(jù)2.掌握色彩的表現(xiàn)，能將色彩表現(xiàn)的性格與主營商品的情感融合協(xié)調(diào)3.能對(duì)商品進(jìn)行科學(xué)分類，優(yōu)化分類方案描述，制作精美分類圖標(biāo)案例比較以下A店與B店的視覺效果第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額案例比較以下A店與B店的視覺效果第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額案例比較以下A店與B店的視覺效果第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額兩個(gè)店鋪的數(shù)據(jù)對(duì)比引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、同樣是銷售男士鞋子，從首頁視覺效果的角度分析，為何商家A比商家B的轉(zhuǎn)化率和客單價(jià)都高那么多？商家A的首頁比商家B的首頁美觀，重點(diǎn)突出，有主推商品的廣告，分類與導(dǎo)航設(shè)計(jì)合理清晰，能讓顧客在店里頁面停留更多的時(shí)間，從而促進(jìn)購買。引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2、在首頁視覺效果中，商家A相比商家B作了那些優(yōu)化？商家A、B都是旺鋪，商家A做了裝修，設(shè)計(jì)了促銷區(qū)、分類、店招等，而商家B只是用旺鋪?zhàn)罨镜脑O(shè)置，并沒有做設(shè)計(jì)，促銷區(qū)也只兩行文字。（一）首頁布局第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額在網(wǎng)店中，顧客的購買過程一般如下（一）首頁布局第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額 2006年4月，美國長期研究網(wǎng)站可用性的著名網(wǎng)站設(shè)計(jì)師杰柯柏?尼爾森（JakobNielsen）發(fā)表了一項(xiàng)《眼球軌跡的研究》報(bào)告。報(bào)告中提出，大多數(shù)情況下瀏覽者都不由自主的以“Ｆ”形狀的模式閱讀網(wǎng)頁，這種基本恒定的閱讀習(xí)慣決定了網(wǎng)頁呈現(xiàn)F形的關(guān)注熱度。（一）首頁布局第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額（一）首頁布局第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額（一）首頁布局第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額典型的“F”型首頁設(shè)計(jì)學(xué)習(xí)思考第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額某商城的首頁設(shè)計(jì)規(guī)劃如下，請(qǐng)你根據(jù)內(nèi)容規(guī)劃，按“F”型瀏覽理論，設(shè)計(jì)五屏布局。布局序號(hào)模塊分類功能說明1店鋪LOGO可參考范例突出風(fēng)格、歷史、特點(diǎn)或加上廣告語2店鋪頂部banner品牌介紹、品牌口號(hào)、節(jié)慶活動(dòng)、售后入口3店鋪導(dǎo)航品牌價(jià)值、售后活動(dòng)、額外價(jià)值4懸浮客服列表方便客戶進(jìn)行引導(dǎo)式購物5.1店鋪品牌活動(dòng)大圖節(jié)日慶典（這邊可做輪播功能）5.2店鋪品牌活動(dòng)大圖品牌形象（這邊可做輪播功能）5.3店鋪品牌活動(dòng)大圖新品上市（這邊可做輪播功能）5.4店鋪品牌活動(dòng)大圖售后幫派活動(dòng)（這邊可做輪播功能）6專區(qū)導(dǎo)航優(yōu)勢(shì)項(xiàng)目入口

熱賣、新款、售后、活動(dòng)、買家互動(dòng)7.1廣告促銷7.2產(chǎn)品分類按潛在分類如活動(dòng)、樣式、消費(fèi)力、行為傾向7.3模樣banner區(qū)隔模塊作用8.1記憶枕系列頁面簡潔且體現(xiàn)品牌感專業(yè)度。分類清晰，實(shí)行狹窄匹配，強(qiáng)化購買刺激，引導(dǎo)顧客，減少跳失率。8.2頸枕腰靠8.3居家收納8.4夏日枕席9店鋪底部售后保障其他區(qū)塊快速入口客服可回應(yīng)時(shí)間（營業(yè)時(shí)間）學(xué)習(xí)思考第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額第一屏幕學(xué)習(xí)思考第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額第二屏幕學(xué)習(xí)思考第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額第三屏幕學(xué)習(xí)思考第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額第四屏幕學(xué)習(xí)思考第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額第五屏幕知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、在淘寶旺鋪裝修——頁面管理下，有頁面編輯、布局管理、頁面屬性。在布局管理中，可以將首頁進(jìn)行“F”形布局；知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額（1）在布局管理中，將鼠標(biāo)移至模塊上面，可通過“+”、“×”來添加和刪除模塊知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額（2）模塊中，有免費(fèi)的基礎(chǔ)模塊和設(shè)計(jì)師模塊知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2、在淘寶旺鋪裝修——樣式管理下，有頁頭設(shè)置和頁面設(shè)置。在頁頭設(shè)置中，將頁頭顏色或背景圖片設(shè)置與店招相匹配，即可做出通欄店招；在頁面設(shè)置中，可更改頁面背景顏色或背景圖片；知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額點(diǎn)擊“背景設(shè)置”--“頁頭設(shè)置”進(jìn)店招位置的背景設(shè)置兩種方式設(shè)置：選擇調(diào)色器或者選擇本地上傳一張圖片。操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額點(diǎn)擊“選擇要設(shè)置的頁面”--可以選擇不同頁面不同背景操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”操作步驟第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額“頁面設(shè)置”同“頁頭設(shè)置”（二）整體色調(diào)第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額

不論是在平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、還是網(wǎng)店裝修中，色彩永遠(yuǎn)是最重要的一環(huán)。

我們?cè)诳匆患业赇仌r(shí)最先吸引住我們眼球的是他的色彩布局和搭配，其次才會(huì)去看他的細(xì)節(jié)和文字。那么，每種顏色都有自己的情趣，不同時(shí)間，不同地點(diǎn)，不同場(chǎng)合我們用色的要求都是不一樣的。（二）整體色調(diào)第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額如我們賣嬰兒產(chǎn)品的店鋪，就最好不用大紅大紫的顏色，但是針對(duì)兒童的店鋪就最好用這種色彩搭配；

還有紅色在中國代表喜慶，但在國外就是代表血性；在冬天用紅色我看著舒服，可是火熱的夏天最好避開用這種顏色。（二）整體色調(diào)第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額還有一些顏色的搭配，如紅黃白的搭配，看起非常喜慶，逢年過節(jié)時(shí)商場(chǎng)的促銷畫面基本上都是用這種顏色搭配；藍(lán)色白色配在一起，讓我們看久了不累；紅黑灰白搭配在一起視覺沖擊就很強(qiáng)等；色彩搭配還要應(yīng)季，比如春天和夏天我們用綠就會(huì)多一些；秋天我們用黃色就會(huì)多些；冬天用紅色會(huì)比較多些等。引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額同學(xué)們來說說以下顏色體現(xiàn)那些正面情感和性格熱情權(quán)威自信溫柔甜美浪漫高貴權(quán)威創(chuàng)意誠懇考究沉穩(wěn)希望理想獨(dú)立優(yōu)雅理想獨(dú)立清新活力安全引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、用一種色彩。

這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、用一種色彩。配出同一種色彩的方法引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2、選第二種色彩。先選定一種色彩，然后選擇它的對(duì)比色。引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額3、用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。范例第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額注意第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額在配色時(shí)，不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。背景和前文的對(duì)比盡量要大，以便突出主要文字內(nèi)容。(三)商品分類第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額在網(wǎng)店首頁，商品分類非常重要，特別是店內(nèi)商品種類多的時(shí)候，分類清晰合理、重點(diǎn)突出，才能讓買家有好的瀏覽體驗(yàn)，才能讓買家在店內(nèi)頁面停留時(shí)間更長，訪問深度增加。(三)商品分類第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額案例：分析下面的商品分類，比較優(yōu)劣引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、第一張圖的商品分類存在什么問題？第一張圖的商品分類雜亂，各種不同類的商品無序排列，如同亂七八糟的雜貨店。2、第二張圖的商品分類有什么特點(diǎn)？第二張圖的商品分類使用了子分類，并且圖文結(jié)合，一級(jí)分類使用圖片，二級(jí)分類使用文字，即美觀又清晰。3、第三張圖的商品分類有什么特點(diǎn)？第三張圖的商品分類使用了商品與文字結(jié)合的圖片，直觀、清晰、美觀！知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額一、如何添加寶貝分類？1、首先進(jìn)入店鋪后臺(tái)，點(diǎn)擊最上方橫向?qū)Ш降摹吧唐贰?-“分類管理”知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2.可以點(diǎn)擊添加手工分類添加分類和子分類知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額3.可以對(duì)每個(gè)分類添加圖片，也可以操作刪除分類知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額二、如何對(duì)寶貝進(jìn)行手工分類？1.點(diǎn)擊最上方橫向?qū)Ш降摹吧唐贰?-“寶貝管理”知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2.可以對(duì)單個(gè)未分類寶貝添加分類，也可以操作“批量分類”知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額3.勾選你想要分類的寶貝可以將寶貝同時(shí)分到若干個(gè)不同的分類里已經(jīng)有子分類的一級(jí)分類將無法直接勾選，寶貝必須選擇其中的某一個(gè)子分類。知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額4.分類完畢之后可以看到如下的效果知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額5.刪除寶貝分類和添加寶貝分類的操作相同，找到需要分類的寶貝點(diǎn)擊添加分類，將需要?jiǎng)h除的分類去掉勾選即可知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額6.除了直接勾選也可以輸入寶貝名稱/價(jià)格區(qū)間查找寶貝知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額7.寶貝分類之后可以在左側(cè)導(dǎo)航處查看分類效果知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額三、再介紹一下如何添加自動(dòng)分類？1、首先進(jìn)入店鋪后臺(tái)，點(diǎn)擊最上方橫向?qū)Ш降摹吧唐贰保胺诸惞芾怼?，點(diǎn)擊“添加自動(dòng)分類”進(jìn)入自動(dòng)分類頁面；知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2、根據(jù)需要設(shè)置自動(dòng)分類的條件知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額在設(shè)置按照時(shí)間價(jià)格分類時(shí)，時(shí)間和價(jià)格至少輸入一樣，也可以同時(shí)設(shè)置時(shí)間和價(jià)格條件。到這里寶貝分類操作完成！知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額四、寶貝分類如何在店鋪里呈現(xiàn)給買家呢？新旺鋪寶貝分類模塊有兩種展現(xiàn)形式，一種是默認(rèn)寶貝分類一種是個(gè)性化寶貝分類默認(rèn)寶貝分類是讀取了剛才后臺(tái)設(shè)置的分類，它的修改編輯和刪減都會(huì)影響后臺(tái)寶貝分類的主設(shè)置個(gè)性化寶貝分類是讀取了剛才后臺(tái)設(shè)置的分類之后，修改編輯和刪減都不會(huì)影響后臺(tái)寶貝分類的主設(shè)置知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額具體設(shè)置如下：知識(shí)鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額具體設(shè)置如下：任務(wù)描述第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、在淘寶旺鋪專業(yè)版或基礎(chǔ)版規(guī)劃布局；2、在樣式管理中，做好網(wǎng)店首頁的配色；3、規(guī)劃和設(shè)計(jì)商品分類。任務(wù)評(píng)價(jià)第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額序號(hào)評(píng)價(jià)項(xiàng)目評(píng)價(jià)內(nèi)容及要求自評(píng)分第三方評(píng)分總分小組互評(píng)教師評(píng)分

網(wǎng)店首頁規(guī)劃與美化模塊規(guī)劃：模塊規(guī)劃符合用戶瀏覽習(xí)慣

商品分類：商品分類明細(xì)合理，分類圖標(biāo)設(shè)計(jì)美觀

樣式：樣式配色和諧，顏色表現(xiàn)與店招、廣告搭配美觀，并且適合所銷售的商品

背景：頁頭背景是店招的延長，頁面背景能烘托廣告及商品主圖

小組匯報(bào)PPT制作精美，整體布局風(fēng)格（包括模板設(shè)計(jì)、版式安排、色彩搭配等）美觀合理。整部作品播放流暢，運(yùn)行穩(wěn)定、無故障

小組匯報(bào)語言規(guī)范（普通話）聲音洪亮圓潤、吐字清晰、表達(dá)準(zhǔn)確，無口頭語。

反應(yīng)靈活，能夠很好的回答評(píng)委的提問，結(jié)束提問時(shí)能夠回到結(jié)論要點(diǎn)，