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

目錄第一章：創(chuàng)業(yè)市場調(diào)查第二章：尋找貨源第三章：網(wǎng)店注冊與認(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.能對商品進(jìn)行科學(xué)分類，優(yōu)化分類方案描述，制作精美分類圖標(biāo)案例比較以下A店與B店的視覺效果第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額案例比較以下A店與B店的視覺效果第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額案例比較以下A店與B店的視覺效果第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額兩個店鋪的數(shù)據(jù)對比引導(dǎo)問題第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、同樣是銷售男士鞋子，從首頁視覺效果的角度分析，為何商家A比商家B的轉(zhuǎn)化率和客單價都高那么多？商家A的首頁比商家B的首頁美觀，重點(diǎn)突出，有主推商品的廣告，分類與導(dǎo)航設(shè)計(jì)合理清晰，能讓顧客在店里頁面停留更多的時間，從而促進(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)《眼球軌跡的研究》報告。報告中提出，大多數(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ī)劃如下，請你根據(jù)內(nèi)容規(guī)劃，按“F”型瀏覽理論，設(shè)計(jì)五屏布局。布局序號模塊分類功能說明1店鋪LOGO可參考范例突出風(fēng)格、歷史、特點(diǎn)或加上廣告語2店鋪頂部banner品牌介紹、品牌口號、節(jié)慶活動、售后入口3店鋪導(dǎo)航品牌價值、售后活動、額外價值4懸浮客服列表方便客戶進(jìn)行引導(dǎo)式購物5.1店鋪品牌活動大圖節(jié)日慶典（這邊可做輪播功能）5.2店鋪品牌活動大圖品牌形象（這邊可做輪播功能）5.3店鋪品牌活動大圖新品上市（這邊可做輪播功能）5.4店鋪品牌活動大圖售后幫派活動（這邊可做輪播功能）6專區(qū)導(dǎo)航優(yōu)勢項(xiàng)目入口

熱賣、新款、售后、活動、買家互動7.1廣告促銷7.2產(chǎn)品分類按潛在分類如活動、樣式、消費(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)時間（營業(yè)時間）學(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)化率及銷售額第五屏幕知識鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額1、在淘寶旺鋪裝修——頁面管理下，有頁面編輯、布局管理、頁面屬性。在布局管理中，可以將首頁進(jìn)行“F”形布局；知識鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額（1）在布局管理中，將鼠標(biāo)移至模塊上面，可通過“+”、“×”來添加和刪除模塊知識鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額（2）模塊中，有免費(fèi)的基礎(chǔ)模塊和設(shè)計(jì)師模塊知識鏈接第一節(jié)通過首頁美化提高轉(zhuǎn)化率及銷售額2、在淘寶旺鋪裝修——樣式管理下，有頁頭設(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)。

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

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

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

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

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

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

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

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

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