淘寶天貓網(wǎng)店運(yùn)營(yíng)-網(wǎng)店的設(shè)計(jì)與裝修課件

第5章網(wǎng)店的設(shè)計(jì)與裝修淘寶天貓網(wǎng)店運(yùn)營(yíng)從入門到精通第5章網(wǎng)店的設(shè)計(jì)與裝修淘寶天貓網(wǎng)店運(yùn)營(yíng)從入門到精通5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)5.1店鋪裝修前期準(zhǔn)備為了打造出具有自己特色的店鋪，在裝修店鋪前，一定要提前做好準(zhǔn)備。比如需要根據(jù)自己的商品確定店鋪的風(fēng)格，然后收集與店鋪風(fēng)格相關(guān)的素材。除此之外，還可在淘寶網(wǎng)上瀏覽其他店鋪的裝修，吸收優(yōu)秀店鋪的優(yōu)點(diǎn)，以便更好地規(guī)劃自己的店鋪。5.1店鋪裝修前期準(zhǔn)備為了打造出具有自己特色5.1.1確定店鋪類型和風(fēng)格店鋪所出售的商品不一樣，店鋪風(fēng)格就會(huì)有很大的差異。比如服裝類的店鋪，其裝修風(fēng)格一般都比較華麗，多以模特圖片為主，非常注重美觀性。家具、裝修等店鋪裝修，則比較注重物品的搭配和擺放，運(yùn)動(dòng)、數(shù)碼、五金等類型，則更注重實(shí)用性和功能性。5.1.1確定店鋪類型和風(fēng)格店鋪所出售的商品不一樣，店鋪風(fēng)5.1.2收集素材收集素材也是裝修店鋪的一項(xiàng)重要工作，可以簡(jiǎn)化裝修過(guò)程。在明確了店鋪的類型和裝修方向之后，就可以通過(guò)各種素材網(wǎng)尋找與自己店鋪風(fēng)格相適應(yīng)的素材，主流的素材網(wǎng)一般包括素材中國(guó)、昵圖網(wǎng)、千鳥網(wǎng)、花瓣網(wǎng)等。5.1.2收集素材收集素材也是裝修店鋪的一項(xiàng)重要工作，可以5.1.3認(rèn)識(shí)店鋪裝修的模塊淘寶店鋪中的模塊一般包括店招、導(dǎo)航、商品分類導(dǎo)航、公告欄、圖片輪播模塊等。01OPTION02OPTION03OPTION04OPTION導(dǎo)航：導(dǎo)航一般位于店招下方，主要用于對(duì)店鋪的商品進(jìn)行大致的分類。商品分類導(dǎo)航：商品分類導(dǎo)航是對(duì)商品進(jìn)行細(xì)分的導(dǎo)航，主要用于方便買家精確找到所需的商品。圖片輪播：圖片輪播主要用于播放店鋪中的商品圖片，可以放置熱銷商品、新品、打折商品等。店招：店招就是店鋪招牌，位于店鋪?lái)?yè)面的最上方，一般用以宣傳店鋪，包括商店的名稱，也可放置少量文案和商品圖片。其他模塊5.1.3認(rèn)識(shí)店鋪裝修的模塊淘寶店鋪中的模塊一般包括店招、5.1.4文案的策劃與寫作1.文案的策劃分析利益點(diǎn)：將消費(fèi)者關(guān)注的商品的多個(gè)方面屬性，如實(shí)用性、便利性、操作感、安全性等體現(xiàn)出來(lái)。定位使用場(chǎng)景：定位使用場(chǎng)景是指給消費(fèi)者指明商品的使用場(chǎng)合。明確“競(jìng)爭(zhēng)對(duì)手”：商品的競(jìng)爭(zhēng)對(duì)手還可是環(huán)境、習(xí)俗、職業(yè)、場(chǎng)合等。明確顧客群：對(duì)消費(fèi)者的消費(fèi)行為進(jìn)行具體分析，了解消費(fèi)的原因和目的，寫出具有較強(qiáng)針對(duì)性的文案。分解商品屬性：分解商品屬性即明確商品功能，突出商品優(yōu)點(diǎn)。0102030405文案的策劃5.1.4文案的策劃與寫作1.文案的策劃分析利益點(diǎn)：將消5.1.4文案的策劃與寫作2.文案的寫作（1）主圖文案主圖文案是網(wǎng)上商品的主要文案之一，一般都字?jǐn)?shù)精煉，一目了然。目標(biāo)明確緊抓需求精煉表達(dá)5.1.4文案的策劃與寫作2.文案的寫作（1）主圖文案5.1.4文案的策劃與寫作2.文案的寫作（2）詳情頁(yè)文案情頁(yè)文案與轉(zhuǎn)化率息息相關(guān)，我們?cè)诔鍪凵唐窌r(shí)，不僅要吸引顧客查看商品，還需要促成消費(fèi)者的購(gòu)買行為，詳情頁(yè)文案即是促成消費(fèi)者購(gòu)買的有效手段。引發(fā)消費(fèi)者興趣獲得消費(fèi)者信任打消消費(fèi)者顧慮激發(fā)消費(fèi)者需求激發(fā)消費(fèi)者購(gòu)買5.1.4文案的策劃與寫作2.文案的寫作（2）詳情頁(yè)文5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)5.2

設(shè)置店招和導(dǎo)航店招和導(dǎo)航一般位于店鋪的最上方。店招是店鋪形象和風(fēng)格的代表，一般需提前在Photoshop中對(duì)店招圖片進(jìn)行制作，然后上傳到淘寶店鋪中。5.2設(shè)置店招和導(dǎo)航店招和導(dǎo)航一般位于店鋪的5.2.1店招制作規(guī)范店招的表現(xiàn)形式較多，可以是靜態(tài)店招，也可以是動(dòng)態(tài)店招。在淘寶網(wǎng)中，店招的制作有一定的規(guī)范性，下面對(duì)其注意事項(xiàng)進(jìn)行介紹。淘寶網(wǎng)支持的店招圖片格式為GIF、JPG、PNG。淘寶店招的圖片大小不能超過(guò)100KB。店招圖片的默認(rèn)尺寸為950像素×120像素，大于該尺寸的部分將被裁剪掉。自定義尺寸可以制作成全屏通欄的寬度，即1920像素×150像素。5.2.1店招制作規(guī)范店招的表現(xiàn)形式較多，可以是靜態(tài)店招，5.2.2設(shè)計(jì)店招1.設(shè)計(jì)常規(guī)店招1、繪制形狀2、填充形狀3、添加文本4、添加素材5.2.2設(shè)計(jì)店招1.設(shè)計(jì)常規(guī)店招1、繪制形狀2、填充形5.2.2設(shè)計(jì)店招1.設(shè)計(jì)常規(guī)店招5、鏈接圖層6、常規(guī)店招效果大小為950像素×120像素5.2.2設(shè)計(jì)店招1.設(shè)計(jì)常規(guī)店招5、鏈接圖層6、常規(guī)店7.3.2設(shè)計(jì)店招2.設(shè)計(jì)通欄店招1、添加參考線2、填充形狀3、編輯形狀7.3.2設(shè)計(jì)店招2.設(shè)計(jì)通欄店招1、添加參考線2、填充7.3.2設(shè)計(jì)店招2.設(shè)計(jì)通欄店招4、輸入導(dǎo)航內(nèi)容5、通欄導(dǎo)航條效果7.3.2設(shè)計(jì)店招2.設(shè)計(jì)通欄店招4、輸入導(dǎo)航內(nèi)容5、通5.2.3上傳店招1.上傳默認(rèn)店招1、編輯店招2、選擇圖片5.2.3上傳店招1.上傳默認(rèn)店招1、編輯店招2、選擇圖5.2.3上傳店招1.上傳默認(rèn)店招1、編輯店招4、查看店招效果3、選擇圖片5.2.3上傳店招1.上傳默認(rèn)店招1、編輯店招4、查看店7.3.3上傳店招2.設(shè)置背景色7.3.3上傳店招2.設(shè)置背景色5.2.3上傳店招3.上傳自定義通欄店招2、碼工助手1、店招切片3、設(shè)置熱區(qū)和跳轉(zhuǎn)5.2.3上傳店招3.上傳自定義通欄店招2、碼工助手1、5.2.3上傳店招3.上傳自定義通欄店招5、粘貼代碼4、導(dǎo)出并復(fù)制代碼5.2.3上傳店招3.上傳自定義通欄店招5、粘貼代碼4、5.2.3上傳店招3.上傳自定義通欄店招7、查看效果6、設(shè)置頁(yè)頭背景5.2.3上傳店招3.上傳自定義通欄店招7、查看效果6、5.2.4設(shè)置導(dǎo)航條1、編輯導(dǎo)航條2、管理分類3、查看導(dǎo)航效果5.2.4設(shè)置導(dǎo)航條1、編輯導(dǎo)航條2、管理分類3、查看導(dǎo)航5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)5.3

設(shè)置分類導(dǎo)航為了滿足賣家分類放置不同商品的要求，同時(shí)方便買家更好地搜索商品，淘寶提供了分類導(dǎo)航的功能，賣家可以根據(jù)自己商品的類型設(shè)置不同的分類。5.3設(shè)置分類導(dǎo)航為了滿足賣家分類放置不同5.3.1分類導(dǎo)航制作規(guī)范為了店鋪美觀，可以專門為商品分類導(dǎo)航制作圖片或圖標(biāo)。自定義制作的分類導(dǎo)航，其顏色、風(fēng)格等應(yīng)該與店鋪的整體裝修風(fēng)格相適應(yīng)。商品分類圖片寬度最好不超過(guò)160像素，否則當(dāng)顯示器分辨率小于或等于1024×768像素，容易造成店鋪首頁(yè)寶貝分類欄右側(cè)的商品列表下移。在商品分類中，還可以添加子分類。為了方便操作，建議先完成子分類的創(chuàng)建，再將商品轉(zhuǎn)入到相關(guān)分類下。5.3.1分類導(dǎo)航制作規(guī)范為了店鋪美觀，可以專門為商品分類制作分類導(dǎo)航按鈕1、繪制形狀2、設(shè)置形狀3、切片制作分類導(dǎo)航按鈕1、繪制形狀2、設(shè)置形狀3、切片5.3.3設(shè)置分類導(dǎo)航按鈕1、添加分類2、上傳圖片5.3.3設(shè)置分類導(dǎo)航按鈕1、添加分類2、上傳圖片5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)5.4添加店鋪其他裝修模塊淘寶提供了非常豐富的裝修模塊，如圖片輪播、寶貝排行、寶貝分類、寶貝搜索、客服中心和公告欄等，賣家可以根據(jù)自己店鋪的實(shí)際裝修需要來(lái)選擇模塊。5.4添加店鋪其他裝修模塊淘寶提供了非常豐富5.4.1圖片輪播模塊1.制作常規(guī)輪播模塊的圖片1、調(diào)整圖片2、輸入和設(shè)置文本3、查看效果5.4.1圖片輪播模塊1.制作常規(guī)輪播模塊的圖片1、調(diào)整5.4.1圖片輪播模塊2.設(shè)置常規(guī)輪播模塊1、選擇圖片2、添加圖片5.4.1圖片輪播模塊2.設(shè)置常規(guī)輪播模塊1、選擇圖片25.4.1圖片輪播模塊3.制作全屏輪播圖片全屏輪播圖片效果是可以覆蓋整個(gè)屏幕的一種效果，因此全屏輪播圖片的寬度要制作成1920像素，高度一般以400~800像素為最佳。5.4.1圖片輪播模塊3.制作全屏輪播圖片全屏輪播圖片效5.4.1圖片輪播模塊4.設(shè)置全屏輪播圖片1、添加自定義模塊2、使用碼工助手3、設(shè)置圖片鏈接4、設(shè)置圖片效果5.4.1圖片輪播模塊4.設(shè)置全屏輪播圖片1、添加自定義5.4.1圖片輪播模塊4.設(shè)置全屏輪播圖片5、復(fù)制與粘貼鏈接6、查看效果5.4.1圖片輪播模塊4.設(shè)置全屏輪播圖片5、復(fù)制與粘貼5.4.2客服中心1、設(shè)置工作時(shí)間2、新建客服員工5.4.2客服中心1、設(shè)置工作時(shí)間2、新建客服員工5.4.2客服中心3、設(shè)置崗位4、修改權(quán)限、客服名稱5.4.2客服中心3、設(shè)置崗位4、修改權(quán)限、客服名稱5.4.3商品搜索淘寶為買賣家提供了店內(nèi)寶貝搜索模塊，通過(guò)該模塊可以幫助消費(fèi)者快速搜索所需的商品。1、添加搜索模塊2、查看搜索效果5.4.3商品搜索淘寶為買賣家提供了店內(nèi)寶貝搜索模塊，通過(guò)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)5.5設(shè)計(jì)商品詳情頁(yè)商品詳情頁(yè)是由文字、圖片、視頻構(gòu)成的，向買家介紹寶貝屬性、使用方法等詳細(xì)情況的頁(yè)面，是賣家向消費(fèi)者推薦商品的關(guān)鍵頁(yè)面，它的主要作用是完成訂單，是影響店鋪轉(zhuǎn)化率的關(guān)鍵頁(yè)面。5.5設(shè)計(jì)商品詳情頁(yè)商品詳情頁(yè)是由文字、圖5.5.1

商品詳情頁(yè)制作規(guī)范商品詳情頁(yè)的風(fēng)格應(yīng)該與店標(biāo)風(fēng)格、店招風(fēng)格等相適應(yīng)，不能相差太大，以免頁(yè)面整體不協(xié)調(diào)。商品詳情頁(yè)的內(nèi)容一般都比較多，為了避免加載過(guò)慢的問(wèn)題，建議不要使用太大的圖片。商品詳情頁(yè)主要通過(guò)瀏覽器進(jìn)行瀏覽，因此要保證圖片鏈接正確。在店鋪管理頁(yè)面中直接制作商品描述十分不方便，因此建議先通過(guò)Photoshop制作好商品詳情頁(yè)再進(jìn)行上傳。商品詳情頁(yè)的寬度和高度沒(méi)有具體要求，但是寬度一般在750像素以內(nèi)5.5.1商品詳情頁(yè)制作規(guī)范商品詳情頁(yè)的風(fēng)格應(yīng)該與店標(biāo)風(fēng)5.5.2制作商品詳情頁(yè)1、先制作詳情頁(yè)的首屏海報(bào)5.5.2制作商品詳情頁(yè)1、先制作詳情頁(yè)的首屏海報(bào)5.5.2制作商品詳情頁(yè)2、制作細(xì)節(jié)展示5.5.2制作商品詳情頁(yè)2、制作細(xì)節(jié)展示5.5.2制作商品詳情頁(yè)3、制作其他部分5.5.2制作商品詳情頁(yè)3、制作其他部分5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)疑難解答文案寫作有哪些技巧？詳情頁(yè)文案寫作應(yīng)注意什么？店鋪裝修應(yīng)注意哪些色彩處理問(wèn)題？網(wǎng)店主色調(diào)該怎么選擇？疑難解答文案寫作有哪些技巧？5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2

設(shè)置店招和導(dǎo)航5.3設(shè)置分類導(dǎo)航5.4添加店鋪其他裝修模塊5.5設(shè)計(jì)商品詳情頁(yè)5.6

疑難解答5.7

課后實(shí)訓(xùn)5.1店鋪裝修前期準(zhǔn)備內(nèi)容導(dǎo)航5.2設(shè)置店招和導(dǎo)5.7.1實(shí)訓(xùn)一：制作與裝修“茶葉”店鋪的