第六講 PC端網(wǎng)店裝修的思路和方法

電子商務(wù)基礎(chǔ)（課程）項(xiàng)目三網(wǎng)店裝修網(wǎng)店裝修方法和思路一、復(fù)習(xí)次課內(nèi)容1.B2C平臺(tái)有哪幾種分類(lèi)模式？B2C網(wǎng)上購(gòu)物流程和B2C后臺(tái)管理應(yīng)如何操作？B2C電子商務(wù)成功的關(guān)鍵因素有哪些？2.C2C電子商務(wù)的特點(diǎn)？C2C電商平臺(tái)有哪些分類(lèi)？C2C網(wǎng)上交易及開(kāi)店的流程結(jié)，淘寶網(wǎng)店的申請(qǐng)與設(shè)置過(guò)程？3.拼多多網(wǎng)店的申請(qǐng)與操作步驟？4.微店的申請(qǐng)與操作步驟？5.抖音小店的申請(qǐng)與操作步驟？小測(cè)驗(yàn)1．每位消費(fèi)者在B2C電商網(wǎng)站上購(gòu)物前必須要做并且只需做一次的事情是（）。A．登錄 B．結(jié)算 C．購(gòu)物 D．注冊(cè)2．一個(gè)淘寶會(huì)員最多可以綁定（）支付寶賬戶(hù)。A．1個(gè) B．2個(gè) C．3個(gè) D．不限3．網(wǎng)上開(kāi)店中，以下（）環(huán)節(jié)可以沒(méi)有。A．注冊(cè) B．開(kāi)通第三方支付工具C．實(shí)名認(rèn)證 D．交保證金4．網(wǎng)上開(kāi)店貨源的選擇主要有（）。A．淘寶官方提供的平臺(tái) B．產(chǎn)業(yè)帶工廠(chǎng)C．線(xiàn)下批發(fā)市場(chǎng) D．當(dāng)?shù)靥厣a(chǎn)品5．按交易的商品類(lèi)型分類(lèi)，C2C可以分為（）。A．實(shí)物交易平臺(tái) B．智慧交易平臺(tái) C．拍賣(mài)平臺(tái) D．店鋪平臺(tái)小測(cè)驗(yàn)1．每位消費(fèi)者在B2C電商網(wǎng)站上購(gòu)物前必須要做并且只需做一次的事情是（D）。A．登錄 B．結(jié)算 C．購(gòu)物

D．注冊(cè)7．一個(gè)淘寶會(huì)員最多可以綁定（A）支付寶賬戶(hù)。A．1個(gè) B．2個(gè) C．3個(gè) D．不限11．網(wǎng)上開(kāi)店中，以下（B）環(huán)節(jié)可以沒(méi)有。A．注冊(cè) B．開(kāi)通第三方支付工具C．實(shí)名認(rèn)證 D．交保證金11．網(wǎng)上開(kāi)店貨源的選擇主要有（ABCD）。A．淘寶官方提供的平臺(tái) B．產(chǎn)業(yè)帶工廠(chǎng)C．線(xiàn)下批發(fā)市場(chǎng) D．當(dāng)?shù)靥厣a(chǎn)品3．B2C電子商務(wù)的盈利模式包括（ABC）等。A．收取廣告費(fèi) B．收取交易費(fèi) C．出租虛擬店鋪 D．收取軟件使用費(fèi)一、本次課內(nèi)容1.網(wǎng)店信息應(yīng)從哪些方面定位？2.PC端網(wǎng)店裝修基礎(chǔ)有哪些？3.移動(dòng)端網(wǎng)店裝修注意事項(xiàng)？4.移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置有哪些？5.移動(dòng)端網(wǎng)店裝修常用模塊有哪些？應(yīng)如何管理移動(dòng)端模塊？一、本次課內(nèi)容1.網(wǎng)店信息應(yīng)從哪些方面定位？2.PC端網(wǎng)店裝修基礎(chǔ)有哪些？3.移動(dòng)端網(wǎng)店裝修注意事項(xiàng)？4.移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置有哪些？5.移動(dòng)端網(wǎng)店裝修常用模塊有哪些？應(yīng)如何管理移動(dòng)端模塊？項(xiàng)目三網(wǎng)店裝修一、PC端網(wǎng)店裝修方法和思路任務(wù)一知識(shí)目標(biāo)了解網(wǎng)店的受眾人群；了解網(wǎng)店的裝修風(fēng)格；了解PC端網(wǎng)店裝修模塊。能力目標(biāo)掌握網(wǎng)店所處的發(fā)展階段；掌握網(wǎng)店裝修的整體布局；掌握PC端首頁(yè)的基本模塊。網(wǎng)店信息的定位一網(wǎng)店信息的定位受眾群體不同，店鋪的定位和裝修風(fēng)格也不相同。店鋪的受眾人群按年齡可分為：嬰幼兒、青少年、中青年、老年；按性別可分為：男性、女性。1.確定店鋪的受眾人群一網(wǎng)店信息的定位不同人群的愛(ài)好、從事職業(yè)、收入、家庭角色、文化程度等存在差別，其購(gòu)買(mǎi)需求各不相同。了解店鋪受眾人群的信息，才能更好地規(guī)劃店鋪的發(fā)展方向。店鋪所處的發(fā)展階段一般可以分為四個(gè)階段。2.了解受眾人群信息一網(wǎng)店信息的定位店鋪所處的發(fā)展階段店鋪建立初期（孕育期）店鋪剛建立不久到初步成長(zhǎng)的階段稱(chēng)為孕育期，主要以銷(xiāo)售產(chǎn)品為主。通過(guò)提高銷(xiāo)量，逐漸積累人氣，提高知名度，該階段店鋪裝修對(duì)圖片和文案的要求不高，重點(diǎn)表達(dá)產(chǎn)品的賣(mài)點(diǎn)，發(fā)掘爆款。品牌建立階段（成長(zhǎng)期）網(wǎng)店從有一定基礎(chǔ)到擁有一定數(shù)量的穩(wěn)定客戶(hù)群的階段，稱(chēng)為成長(zhǎng)期。店鋪在該階段仍然以產(chǎn)品銷(xiāo)售為主，同時(shí)要注重品牌理念的植入，店鋪裝修要有一定的美感。品牌升級(jí)階段（穩(wěn)定期）店鋪的自然流量達(dá)到一定程度，以傳達(dá)理念為主，在標(biāo)志的設(shè)計(jì)、主圖、banner圖、詳情頁(yè)等制作方面要求都比較高，都要傳達(dá)店鋪的品牌形象。樹(shù)立品牌價(jià)值階段（維持期）網(wǎng)店成熟之后，平穩(wěn)發(fā)展的一個(gè)階段稱(chēng)為維持期。該階段重點(diǎn)在于維持店鋪熱度，樹(shù)立品牌價(jià)值。PC端網(wǎng)店裝修基礎(chǔ)

二PC端網(wǎng)店裝修基礎(chǔ)網(wǎng)店風(fēng)格指的是網(wǎng)店中圖片、文字及顏色的搭配要協(xié)調(diào)，與企業(yè)標(biāo)志的主題顏色一致。店鋪銷(xiāo)售的產(chǎn)品不同，其裝修顏色、風(fēng)格也不相同（一）網(wǎng)店裝修風(fēng)格二PC端網(wǎng)店裝修基礎(chǔ)根據(jù)銷(xiāo)售的產(chǎn)品決定店鋪的風(fēng)格1不同的顏色代表的情感不同，適合的網(wǎng)店類(lèi)型也不相同，淘寶智能版提供了24種配色方案，如圖所示。二PC端網(wǎng)店裝修基礎(chǔ)根據(jù)主要競(jìng)爭(zhēng)對(duì)手確定店鋪的風(fēng)格2從主要競(jìng)爭(zhēng)對(duì)手的薄弱環(huán)節(jié)作為切入點(diǎn)，重點(diǎn)介紹對(duì)方缺失的地方，形成差異化。二PC端網(wǎng)店裝修基礎(chǔ)首頁(yè)的布局從上到下一般分為頁(yè)頭、主體和頁(yè)尾三部分。頁(yè)頭由網(wǎng)店招牌和導(dǎo)航構(gòu)成，在頁(yè)面的最上方；主體部分主要由圖片輪播、特價(jià)專(zhuān)區(qū)、寶貝排行榜、搜索模塊、寶貝分類(lèi)（縱向）、寶貝推薦等構(gòu)成；頁(yè)尾部分位于頁(yè)面的最下方，一般用于放置售后服務(wù)、友情鏈接等信息。（二）網(wǎng)店裝修模塊整體布局1二PC端網(wǎng)店裝修基礎(chǔ)（二）網(wǎng)店裝修模塊整體布局1二PC端網(wǎng)店裝修基礎(chǔ)頁(yè)面的整體布局設(shè)計(jì)好之后，就可以將功能模塊直接拖入相應(yīng)的布局區(qū)域進(jìn)行編輯操作，上傳相應(yīng)的圖片。不同的布局單元，適合的具體模塊如表所示。（二）網(wǎng)店裝修模塊裝修模塊2寬度（像素）模塊名稱(chēng)190寶貝推薦、寶貝排行、默認(rèn)分類(lèi)、個(gè)性分類(lèi)、自定義區(qū)、圖片輪播、友情鏈接、客服中心、生意參謀、無(wú)線(xiàn)二維、充值中心、寶貝搜索、公益廣告750寶貝推薦、自定義區(qū)、圖片輪播、寶貝搜索、紅包、購(gòu)物券、公益廣告950寶貝推薦、自定義區(qū)、圖片輪播、友情鏈接、寶貝搜索、滿(mǎn)返、紅包、購(gòu)物券、小黃條、滿(mǎn)減、公益廣告、店鋪招牌1920（智能版）懸浮導(dǎo)航、全屏寬圖、全屏輪播二PC端網(wǎng)店裝修基礎(chǔ)（二）網(wǎng)店裝修模塊裝修模塊2通常情況下，PC端網(wǎng)店首頁(yè)包含以下幾個(gè)基本模塊：①店鋪招牌。店鋪招牌簡(jiǎn)稱(chēng)“店招”，是網(wǎng)店首頁(yè)的主要內(nèi)容，用于展示網(wǎng)店的特色，包含店鋪logo、店鋪名稱(chēng)、經(jīng)營(yíng)范圍、最新活動(dòng)、優(yōu)惠促銷(xiāo)等信息，是網(wǎng)店的門(mén)面。②頁(yè)頭導(dǎo)航。位于店招的下方，用于引導(dǎo)買(mǎi)家快速查看店內(nèi)商品信息，提供瀏覽跳轉(zhuǎn)服務(wù)，是分類(lèi)展示商品的入口（如圖所示）。二PC端網(wǎng)店裝修基礎(chǔ)（二）網(wǎng)店裝修模塊裝修模塊2通常情況下，PC端網(wǎng)店首頁(yè)包含以下幾個(gè)基本模塊：③圖片輪播。精致美觀(guān)的圖片輪播給人以震撼的視覺(jué)效果，吸引顧客進(jìn)一步瀏覽首頁(yè)商品信息。主要放置熱銷(xiāo)、促銷(xiāo)商品（如圖4.5所示）。二PC端網(wǎng)店裝修基礎(chǔ)（二）網(wǎng)店裝修模塊裝修模塊2通常情況下，PC端網(wǎng)店首頁(yè)包含以下幾個(gè)基本模塊：④寶貝分類(lèi)。方便顧客根據(jù)不同類(lèi)目快速精確找到商品。⑤寶貝搜索。方便顧客根據(jù)商品價(jià)格、類(lèi)目、關(guān)鍵詞等屬性，快速找到所需要的商品。⑥寶貝推薦。對(duì)店內(nèi)的熱銷(xiāo)商品進(jìn)行展示和推薦，引導(dǎo)顧客進(jìn)行瀏覽和購(gòu)買(mǎi)。⑦收藏。該模塊主要方便顧客對(duì)店鋪進(jìn)行收藏，便于顧客重復(fù)瀏覽和購(gòu)買(mǎi)，提高復(fù)購(gòu)率。⑧客服中心。方便顧客與賣(mài)家進(jìn)行及時(shí)交流，可以在頁(yè)頭、頁(yè)中，也可以在頁(yè)尾添加客服信息?？梢允褂孟到y(tǒng)自帶的客服模塊（如圖所示），也可以自行設(shè)計(jì)客服模塊，實(shí)現(xiàn)售前及售后的鏈接，并根據(jù)需要設(shè)置客服的個(gè)數(shù)。思考題PC端網(wǎng)店裝修包括哪些模塊？二、移動(dòng)端網(wǎng)店裝修注意事項(xiàng)一移動(dòng)端網(wǎng)店裝修注意事項(xiàng)移動(dòng)端的瀏覽習(xí)慣與PC端有所不同，因此，移動(dòng)端裝修時(shí)要注意文字與圖片的大小比例，良好的視覺(jué)效果會(huì)給顧客帶來(lái)好的體驗(yàn)，吸引顧客進(jìn)一步點(diǎn)擊商品信息；頁(yè)面不易過(guò)長(zhǎng)，圖片也不要太大。一般圖片大小在620px～960px之間，呈現(xiàn)在手機(jī)端的效果比較好；文案的設(shè)計(jì)要盡量精簡(jiǎn)，有引導(dǎo)性，從而可以提高顧客的訪(fǎng)問(wèn)深度。1.結(jié)構(gòu)要符合用戶(hù)的瀏覽習(xí)慣一移動(dòng)端網(wǎng)店裝修注意事項(xiàng)移動(dòng)端屏幕較小，容納的文字也較，同等的字號(hào)差異在小屏幕上的感受會(huì)被放大。不要使用PS中的文本加粗，它不僅破壞字體本身的美感，還改變了文字原本的字寬而影響段落內(nèi)文字的對(duì)齊。合理的方式是使用字體本身的字重來(lái)控制。不要輕易改變字體默認(rèn)的字間距，字體設(shè)計(jì)師已經(jīng)充分考慮了這款字體所適合的字間距，如果不滿(mǎn)意可以更換字體。2.排版要合理一移動(dòng)端網(wǎng)店裝修注意事項(xiàng)合理的配色使店鋪看起來(lái)更加清晰整齊，在進(jìn)行移動(dòng)端網(wǎng)店裝修時(shí)，使用的色彩最好不要超過(guò)三種，即主色調(diào)、輔色和強(qiáng)調(diào)色，它們的比例為7:5:2。三種顏色占比按這個(gè)比例設(shè)置，視覺(jué)效果比較舒適。顏色過(guò)多，則看起來(lái)比較雜亂，給人距離感。3.配色不要超過(guò)三種移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置

二移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置網(wǎng)店的基本信息主要包括店鋪名稱(chēng)、logo和地址，其中移動(dòng)端網(wǎng)店的logo為正方形，大小為120px×120px，如圖所示。1.基本信息二移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置移動(dòng)端“導(dǎo)航設(shè)置”最多包括全部、新品和活動(dòng)三種導(dǎo)航，可以在右側(cè)選擇是否開(kāi)啟，如圖所示。2.導(dǎo)航設(shè)置二移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置分類(lèi)設(shè)置可以對(duì)網(wǎng)店內(nèi)的商品進(jìn)行合理的分類(lèi)，便于顧客快速找到所需要的商品，如圖所示。3.分類(lèi)設(shè)置二移動(dòng)端頁(yè)面基礎(chǔ)設(shè)置3.分類(lèi)設(shè)置移動(dòng)端網(wǎng)店裝修常用模塊

三移動(dòng)端網(wǎng)店裝修常用模塊移動(dòng)端頁(yè)面裝修是通過(guò)容器進(jìn)行布局控制的，打開(kāi)方式為：?jiǎn)螕粲覀?cè)的“頁(yè)面管理”，在“手淘首頁(yè)”選擇“頁(yè)面裝修”即可打開(kāi)。三移動(dòng)端網(wǎng)店裝修常用模塊頁(yè)面容器一般有四種：圖文類(lèi)、視頻類(lèi)、寶貝類(lèi)、營(yíng)銷(xiāo)互動(dòng)類(lèi)。裝修步驟為：首先在“頁(yè)面容器”種選擇一種容器類(lèi)別，托動(dòng)到界面預(yù)覽區(qū)；然后在“布局管理”界面選擇需要裝修的模塊，在右側(cè)對(duì)應(yīng)的模塊區(qū)域選擇合適的圖片上傳、保存、發(fā)布即可。三移動(dòng)端網(wǎng)店裝修常用模塊

可以上傳4張大小一樣的圖片，用于圖片輪播。寬度1200px，高度600px～2000px的圖片，支持jpg/png格式，大小不超過(guò)2兆，每張圖片可以設(shè)置一個(gè)淘寶站內(nèi)自定義URL跳轉(zhuǎn)鏈接，展示的所有圖片尺寸需一致（即第一張上傳的圖片的尺寸）。（一）圖文類(lèi)容器輪播圖海報(bào)1三移動(dòng)端網(wǎng)店裝修常用模塊寬度1200px，高度120px～2000px的圖片，支持jpg/png格式，大小不超過(guò)2兆。（一）圖文類(lèi)容器單圖海報(bào)2三移動(dòng)端網(wǎng)店裝修常用模塊自動(dòng)分析整個(gè)網(wǎng)站搜索關(guān)鍵詞與網(wǎng)店品類(lèi)相關(guān)性，并進(jìn)行結(jié)果展示，快速引導(dǎo)用戶(hù)到達(dá)關(guān)鍵詞結(jié)果頁(yè)，結(jié)果比較準(zhǔn)確。當(dāng)搜索詞不足3個(gè)，則該模塊店鋪首頁(yè)不展示。（一）圖文類(lèi)容器店鋪熱搜3三移動(dòng)端網(wǎng)店裝修常用模塊用于添加文字信息，如添加“關(guān)注店鋪可領(lǐng)取10元優(yōu)惠券”。（一）圖文類(lèi)容器文字標(biāo)題4三移動(dòng)端網(wǎng)店裝修常用模塊可以為圖片自由設(shè)置多個(gè)熱區(qū)，并添加鏈接。（一）圖文類(lèi)容器多熱區(qū)切圖5三移動(dòng)端網(wǎng)店裝修常用模塊（一）圖文類(lèi)容器

該模塊透出的群由平臺(tái)根據(jù)群的活動(dòng)權(quán)益、優(yōu)質(zhì)程度、活躍程度、群成員質(zhì)量等條件智能匹配展示，該模塊僅符合入群條件的消費(fèi)者可見(jiàn)。商家滿(mǎn)足以下任一條件，即可創(chuàng)建淘寶群：

①

店鋪狀態(tài)正常、近30天支付寶成交筆數(shù)大于等于90筆。

②

店鋪狀態(tài)正常、店鋪近180天成交金額在100萬(wàn)及以上。淘寶群聊入口模塊6三移動(dòng)端網(wǎng)店裝修常用模塊根據(jù)不同的客戶(hù)指定精細(xì)化的運(yùn)營(yíng)計(jì)劃，讓客戶(hù)第一時(shí)間看到想買(mǎi)的商品，千人千面的人貨匹配，降低跳出率，促成轉(zhuǎn)化。主要人群有：店鋪活躍老客、店鋪忠誠(chéng)老客、流失客戶(hù)、店鋪會(huì)員人群、收藏人群、加購(gòu)商品人群、近一年有成交訪(fǎng)客、近30天有訪(fǎng)問(wèn)無(wú)購(gòu)買(mǎi)和收藏商品人群。（一）圖文類(lèi)容器人群海報(bào)7三移動(dòng)端網(wǎng)店裝修常用模塊可以上傳首頁(yè)視頻，支持三種封面圖尺寸，9:16/3:4/16:9；視頻時(shí)長(zhǎng)在10秒～10分鐘之間；畫(huà)質(zhì)要求在720P高清以上、視頻大小在300M以?xún)?nèi)、.mp4格式。（二）視頻類(lèi)容器三移動(dòng)端網(wǎng)店裝修常用模塊包括銷(xiāo)量榜、收藏榜和新品榜，該模塊寶貝由系統(tǒng)根據(jù)算法自動(dòng)展現(xiàn)，無(wú)需編輯。（三）寶貝類(lèi)容器排行榜1三移動(dòng)端網(wǎng)店裝修常用模塊該模塊是提升店鋪流量利用率提升店鋪訂單的工具，通過(guò)大數(shù)據(jù)計(jì)算店鋪寶貝詳細(xì)數(shù)據(jù)，定期將店鋪優(yōu)質(zhì)寶貝投放在全店寶貝詳情頁(yè)頂部，實(shí)現(xiàn)個(gè)性化推薦排序。（三）寶貝類(lèi)容器智能寶貝推薦2三移動(dòng)端網(wǎng)店裝修常用模塊該模塊可以實(shí)現(xiàn)在同一樣式下添加多組商品，支持1