《移動電子商務(wù)》（第二版）項(xiàng)目三

移動電子商務(wù)重慶大學(xué)出版社項(xiàng)目三：裝修微商店鋪項(xiàng)目綜述

智淵網(wǎng)絡(luò)超市的團(tuán)隊(duì)成員，已經(jīng)順利完成了注冊開店和商品上架等準(zhǔn)備工作，接下來就要好好地裝修店鋪了。愛美之心人皆有之，華麗的外表可以吸引人的眼球，這是亙古不變的規(guī)律，這個規(guī)律對網(wǎng)上的店鋪裝修也是一樣的。精美的裝修能吸引顧客駐足，贏得顧客的信任，使顧客感覺到被尊重的同時，給他們帶來愉悅的心情，進(jìn)而對產(chǎn)品產(chǎn)生好感，激發(fā)他們的購買欲。怎樣才能裝修出漂亮的店鋪呢？這個難不倒曉欣和小威他們，在平面設(shè)計課程中學(xué)到的本領(lǐng)終于能夠派上用場了。團(tuán)隊(duì)中的小威和圓圓可是美工方面的高手，曉欣集合大家一起商討，根據(jù)店鋪經(jīng)營的食品類產(chǎn)品，初步定下了店鋪的設(shè)計風(fēng)格和內(nèi)容。對一些把握不準(zhǔn)的地方，大伙還請教了許總監(jiān)。大家躍躍欲試，計劃在接下來的一周里，將自己的店鋪裝修好。01.

設(shè)置店鋪主頁contents目錄02.設(shè)置會員主頁及店鋪導(dǎo)航03.制作公共廣告04.開通及裝修小程序PART1設(shè)置店鋪主頁情境設(shè)計微頁面具有超強(qiáng)的可編輯性，它可以只是一個頁面，也可以作為店鋪的主頁和小程序的主頁，還可以作為群發(fā)的圖文消息。裝修店鋪的首要任務(wù)，就是要設(shè)計好店鋪主頁。一個好的店鋪主頁需要具備以下三個特點(diǎn)：①吸引人的標(biāo)題；②讓人想打開的配圖；③簡潔的內(nèi)容。在明確了本次任務(wù)的主要目標(biāo)后，曉欣給大家分了工，她自己負(fù)責(zé)制作Logo，小威制作店鋪主頁的背景圖，圓圓設(shè)計標(biāo)題和文字，桔子負(fù)責(zé)研究商城平臺的使用，大家各司其職，開始工作。活動一：制作并上傳店鋪Logo什么是店標(biāo)？店標(biāo)是店鋪的標(biāo)志，通常由店鋪名稱、產(chǎn)品圖片、宣傳文字等組合而成。店標(biāo)要清晰的展示店鋪的企業(yè)文化，以醒目，容易讓顧客過目不忘為最佳。7

2、微商店標(biāo)一般有如下幾種方式單獨(dú)的圖片構(gòu)成單獨(dú)的文字構(gòu)成活動一：制作并上傳店鋪Logo8文字、圖案組合標(biāo)志活動一：制作并上傳店鋪Logo9活動實(shí)施：

1、使用Photoshop軟件制作店標(biāo)2、登錄有贊平臺，上傳LOGO活動一：制作并上傳店鋪Logo活動二：設(shè)置微頁面1、微頁面簡介有贊微頁面是可以自定義編輯的頁面，既可以把它當(dāng)作普通的頁面來使用，也可將任一微頁面設(shè)為店鋪主頁。店鋪主頁是店鋪的門面，好的店鋪主頁可以吸引用戶瀏覽的興趣，讓用戶快速地找到自己想要購買的商品，給用戶帶來良好的購物體驗(yàn)，最終實(shí)現(xiàn)高的成交率。所以，制作一個精美的店鋪主頁十分重要。目前，微頁面有三種模板類型：基礎(chǔ)模板、場景導(dǎo)航和主頁模板?；A(chǔ)模板有自定義模板、新品推薦、新鮮資訊等類型，適合有店鋪主頁自由搭建基礎(chǔ)功底的商家使用。場景導(dǎo)航：用精美圖片和音樂來介紹你的品牌和商品。主頁模板：已經(jīng)搭建了簡單的框架，商家只需根據(jù)自己的要求，更換海報展示以及商品即可。112、店鋪風(fēng)格：智淵網(wǎng)絡(luò)超市以美食銷售為主，美食類店鋪一般采用暖色風(fēng)格，如黃色，讓顧客有個好心情、好胃口。也有一些具有地方特色或具有濃郁鄉(xiāng)土氣息的食品店，為了突出綠色、天然食品的信息，可采用綠色為主色裝修?？刹捎玫呐渖桨溉缦拢夯顒佣涸O(shè)置微頁面12活動實(shí)施：1、進(jìn)入“店鋪微頁面”；2、輸入店鋪主頁名稱和頁面描述；3、設(shè)置頁面分類；4、上傳店招圖片；5、設(shè)置背景顏色；6、設(shè)置公告區(qū)域；7、添加商品分組；8、預(yù)覽效果?；顒佣涸O(shè)置微頁面13頁面最終效果截圖：活動二：設(shè)置微頁面合作實(shí)訓(xùn)

1.活動準(zhǔn)備復(fù)習(xí)或?qū)W習(xí)平面設(shè)計的基礎(chǔ)知識。2.實(shí)訓(xùn)任務(wù)由組長分工，完成以下任務(wù)：①商量確定小組店鋪的Logo和背景的設(shè)計方案；②給微商城添加店鋪Logo；③使用主頁模板，對店鋪的主頁進(jìn)行設(shè)置。3.擴(kuò)展練習(xí)店鋪主頁還可以通過添加微頁面來完成，同時主頁模板中還提供了豐富的“添加內(nèi)容”板塊。各組需要建立多個不同風(fēng)格的主頁，如添加“富文本”“商品”“商品列表”“圖片廣告”“魔方”等。PART2設(shè)置會員主頁及店鋪導(dǎo)航情境設(shè)計在前幾日的努力下，團(tuán)隊(duì)成員已經(jīng)可以用自己的個人微信號訂閱智淵商城了，大家通過手機(jī)端查看著自己親手建立的店鋪，很開心，他們興奮地向許總監(jiān)匯報這個階段的成果。許總監(jiān)笑著告訴大家，這還只是能夠看到店鋪的Logo和主頁，裝修還沒完工呢！桔子說：“我知道，我們還需要完成會員主頁。會員主頁是什么呢？我來告訴大家，會員主頁相當(dāng)于買家中心，主要是用來管理客戶資產(chǎn)的頁面。通過會員主頁，用戶可以查看到訂單、優(yōu)惠券、禮品等信息?！痹S總監(jiān)贊許地點(diǎn)點(diǎn)頭，說道：“還有個重要的方面，就是店鋪導(dǎo)航。店鋪導(dǎo)航類似我們制作網(wǎng)頁的超鏈接，它能夠有效幫助用戶跳轉(zhuǎn)到各個關(guān)鍵頁面，是整個網(wǎng)站的指南針?！贝蠡锊檎屹Y料發(fā)現(xiàn)，店鋪導(dǎo)航是有贊平臺開發(fā)的功能，它是微商城各個節(jié)點(diǎn)的入口，起著關(guān)聯(lián)各個環(huán)節(jié)的作用，設(shè)計的時候一定要有邏輯性。有了任務(wù)目標(biāo)，大家馬上進(jìn)入工作狀態(tài)?；顒右唬涸O(shè)置會員主頁會員如何進(jìn)入會員主頁？1) 用戶可通過店鋪頁面或者商品頁面的頁面底部“會員中心”或者右上角“我的記錄”進(jìn)入。2) 用戶關(guān)注賣家微信公眾號后，可以發(fā)送【我的訂單】到微信公眾號，系統(tǒng)會自動將會員主頁鏈接發(fā)送給買家，引導(dǎo)進(jìn)入。18活動實(shí)施：

1、登錄有贊商城，選擇“會員主頁”；2、設(shè)置頁面名稱和背景圖；3、設(shè)置添加內(nèi)容“商品”；4、選擇已上架的商品進(jìn)行添加；5、預(yù)覽效果如圖所示?；顒右唬涸O(shè)置會員主頁19活動一：設(shè)置會員主頁20活動實(shí)施：

1、登錄有贊商城，選擇“店鋪導(dǎo)航”；2、選擇“APP導(dǎo)航模板”；3、對模板的顏色，圖標(biāo)按鈕等根據(jù)需要進(jìn)行修改；4、設(shè)置導(dǎo)航鏈接頁面；5、根據(jù)需要增加導(dǎo)航鏈接；6、預(yù)覽效果如圖所示?；顒佣涸O(shè)置店鋪導(dǎo)航21活動二：設(shè)置店鋪導(dǎo)航合作實(shí)訓(xùn)

1.活動準(zhǔn)備復(fù)習(xí)或?qū)W習(xí)平面設(shè)計的基礎(chǔ)知識。2.實(shí)訓(xùn)任務(wù)由組長分工，完成以下任務(wù)：①會員主頁背景的設(shè)計方案；②給微商城添加會員主頁；③進(jìn)行店鋪導(dǎo)航設(shè)置。3.擴(kuò)展練習(xí)會員主頁中還提供了豐富的“添加內(nèi)容”板塊。通過這些添加的內(nèi)容，可以在會員主頁中推送產(chǎn)品，實(shí)現(xiàn)關(guān)聯(lián)營銷。各小組選擇不同的“添加內(nèi)容”，分別制作5個不同的會員主頁。組長根據(jù)實(shí)訓(xùn)內(nèi)容，結(jié)合小組成員特點(diǎn)，進(jìn)行分工處理，確保按時完成任務(wù)。PART3制作公共廣告情境設(shè)計通過大家的共同努力，智淵網(wǎng)絡(luò)超市的團(tuán)隊(duì)成員完成了商城主頁、會員主頁和店鋪導(dǎo)航的制作。大家對有贊商城組件化的設(shè)計贊不絕口，有了眾多內(nèi)置組件的幫助，不需要很專業(yè)的網(wǎng)頁知識也可以輕松搭建一個美觀的微商城了。許總監(jiān)和老師們也對大家的作品表示非常滿意。在制作廣告時，曉欣發(fā)現(xiàn)當(dāng)需要同時給多個頁面添加相同的廣告時，工作量變大，而且廣告的內(nèi)容需要經(jīng)常修改，維護(hù)起來也很不方便。有沒有什么辦法可以解決上面的問題呢？他們找到了許總監(jiān)，許總監(jiān)提醒大家：“你們?nèi)ピ囋囄⑸坛抢锏墓矎V告模塊”吧?；顒右唬褐谱鞴矎V告公共廣告可以放置哪些內(nèi)容？公共廣告在頁面上起到促銷活動宣傳、店鋪形象展示、關(guān)聯(lián)營銷等作用，便于商家快速地在各類頁面中放置統(tǒng)一的廣告，建議添加商品、公告、營銷等內(nèi)容?；顒右唬褐谱鞴矎V告公共廣告和普通廣告有什么區(qū)別？兩者在內(nèi)容上是一樣的，區(qū)別在于公共廣告可以在店鋪所有的頁面上進(jìn)行顯示，而且修改一次，所有的頁面也會自動修改。普通廣告需要一個一個頁面分別添加，維護(hù)起來很不方便?；顒右唬褐谱鞴矎V告活動實(shí)施：（1）登錄有贊商城，單擊“店鋪”按鈕，選擇“公共廣告”，即可打開公共廣告的設(shè)置頁面（2）在設(shè)置界面中，根據(jù)需要選擇公共廣告的展示位置和出現(xiàn)的頁面。（3）在設(shè)置頁面中，找到“圖片廣告”組件和“進(jìn)入店鋪”組件，分別添加到公共廣告中（4）單擊“圖片廣告”區(qū)域，打開“圖片廣告”設(shè)置面板。（5）添加好背景圖片后，將鼠標(biāo)移動到“鏈接”屬性處，在彈出的選項(xiàng)中，選擇“全部商品”（6）保存之后，分別訪問“會員主頁”和“商品頁”等頁面，發(fā)現(xiàn)在這些頁面的最下方，都出現(xiàn)了公共廣告活動一：制作公共廣告公共廣告最終效果合作實(shí)訓(xùn)

1.活動準(zhǔn)備了解常見的廣告樣式和頁面排版，復(fù)習(xí)或?qū)W習(xí)平面設(shè)計的基礎(chǔ)知識。2.實(shí)訓(xùn)任務(wù)由組長分工，完成以下任務(wù)：①公共廣告海報及排版設(shè)計；②制作公共廣告。3.擴(kuò)展練習(xí)公共廣告提供了豐富的“添加內(nèi)容”板塊。通過這些添加的內(nèi)容，可以讓我們的公共廣告變得與眾不同。各小組選擇不同的“添加內(nèi)容”，分別制作5個不同的公共廣告。組長根據(jù)實(shí)訓(xùn)內(nèi)容，結(jié)合小組成員特點(diǎn)進(jìn)行分工處理，確保按時完成任務(wù)。PART4開通及裝修小程序情境設(shè)計在商城運(yùn)營的過程中，團(tuán)隊(duì)成員發(fā)現(xiàn)，大部分的客戶都喜歡在微信上瀏覽商城并下單。但有些客戶在瀏覽商城的時候并沒有收藏商城鏈接，下次要訪問商城的時候會比較麻煩。團(tuán)隊(duì)成員經(jīng)過調(diào)查和學(xué)習(xí)發(fā)現(xiàn)，現(xiàn)在微信小程序比較火，使用也很方便，只要訪問一次就會自動保留訪問入口，而且瀏覽和下單以及裝修都和商城基本一致。說干就干，智淵商城團(tuán)隊(duì)的小伙伴們決定開通智淵商城微信小程序，為大家提供更優(yōu)質(zhì)的服務(wù)！活動一：開通小程序如何擁有自己的小程序？商家一共有兩種方式可以擁有自己的小程序：第一種為自主開發(fā)，商家可以自行找設(shè)計師、找產(chǎn)品、找技術(shù)，學(xué)習(xí)微信接口文檔，經(jīng)過漫長的開發(fā)周期，不定期的技術(shù)接口升級，花費(fèi)昂貴的開發(fā)費(fèi)用來擁有小程序。第二種，商家可以使用有贊的小程序功能，無須自行開發(fā)，即可享受專業(yè)的技術(shù)服務(wù)和豐富的營銷工具，還支持商家個性裝修及海量模板套用兩種裝修方法?；顒右唬洪_通小程序1、登錄有贊商城，單擊“店鋪”按鈕，選擇“小程序裝修”，即可打開小程序裝修的設(shè)置頁面。在頁面中我們可以看到兩個版本的小程序，根據(jù)需要點(diǎn)擊“選擇此版本”或者“免費(fèi)體驗(yàn)”即可開通小程序功能活動一：開通小程序2、小程序開通之后我們可以通過點(diǎn)擊“小程序裝修”進(jìn)入小程序概況界面活動二：裝修小程序活動實(shí)施（1）登錄有贊商城，單擊“店鋪”按鈕，選擇“小程序裝修”，單擊“設(shè)置小程序主頁”按鈕。（2）在新打開的“微頁面”中，單擊右側(cè)“設(shè)為主頁”鏈接，在彈出的窗口中選擇“小程序主頁”，即可將該微頁面設(shè)置為“小程序主頁”。（3）也可以單獨(dú)給小程序設(shè)置一個微頁面。單擊“新建微頁面”按鈕，在彈出的對話框中，單擊“基礎(chǔ)模板”，選擇一個自己喜歡的模板。（4）單擊“立即應(yīng)用”之后，即可打開編輯頁面。（5）給小程序主頁單獨(dú)設(shè)置微頁面（6）通過掃描二維碼的方式，訪問小程序主頁，得到最終的效果。=活動二：裝修小程序小程序主頁最終效果合作實(shí)訓(xùn)

1.活動