`視覺營銷“新商科”電子商務(wù)系列規(guī)劃教材項目六激發(fā)移動視覺沖擊力任務(wù)一認識移動端教學(xué)目標知識目標：了解移動互聯(lián)網(wǎng)思維。了解移動端信息特點。了解移動端用戶特點。了解移動端店鋪功能模塊了解移動端字號標準能力目標：能夠運用移動互聯(lián)網(wǎng)思維分析問題。能夠根據(jù)移動端信息特點與用戶特點進行視覺營銷策劃。能夠運用移動端店鋪功能模塊進行頁面板塊與信息設(shè)計。能夠根據(jù)移動端字號標準自如運用字號。授課提綱認識移動端項目導(dǎo)入移動互聯(lián)思維移動端信息特點移動端用戶特點移動端店鋪功能模塊移動端字號標準項目導(dǎo)入：2017貝貝母嬰研究院中國母嬰用戶消費分析報告項目背景：摘選2017貝貝母嬰研究院中國母嬰用戶消費分析報告如下：1消費者洞察2017母嬰消費者性別分布，10%男性，90%女性。由于母嬰用品的特性，女性依然是母嬰產(chǎn)品的購買主力。年齡分布占比為：80后占60%，90后占30%，其他占10%。購買人群年輕化是母嬰產(chǎn)品消費的基本特征。線上母嬰用品地域分布情況占比為：特級城市占9.5%，一線城市占14.7%，二線城市占21.4%，三線城市占21%，四線城市占13.5%，五線城市占15.4%，其他占4.6%。中國線上母嬰消費人群中，二、三線城市最多，一線城市、特級城市占比相對較少。各線城市2016年上半年、2017年上半年消費同比增長占比情況：一線城市占3%，二、三線城市占11%，四五線城市占17%。數(shù)據(jù)表明一線城市增長放緩，二、三線城市明顯增長，四、五線城市增長迅猛，母嬰市場渠道下沉。全國人均母嬰消費額Top10省份排名中，廣東、江蘇人均消費金額最高。主要原因是地區(qū)經(jīng)濟實力強，電商普及率高，物流發(fā)達。認識移動端之項目導(dǎo)入項目導(dǎo)入：2017貝貝母嬰研究院中國母嬰用戶消費分析報告2用戶消費行為研究使用時段數(shù)據(jù)分布，第一波峰上午10:00,第二波峰下午3:00,第三波峰晚上10:00。最高峰值出現(xiàn)在晚上10:00，移動互聯(lián)網(wǎng)的發(fā)展使得用戶可以隨時隨地，利用碎片化時間瀏覽購物。全國對母嬰用品評論的關(guān)注度分布，沿海沿江一帶是對評論極度敏感地區(qū)；青藏、甘寧、貴州等省區(qū)對評論比較敏感區(qū)，其他地區(qū)對評論非常敏感區(qū)。主要是受互聯(lián)網(wǎng)評價體系形成一種購物習(xí)慣及購物不安全因素的影響。移動端成為下單主渠道，去中心化趨勢顯著，2016年移動端貝貝平臺下單91%，微信4%，PC端5%；2017年移動端79%，微信20%，PC端1%?，F(xiàn)狀分析：目標用戶群體的年輕化、購物時間碎片化、移動端購物主渠道等促成了在線母嬰產(chǎn)品消費的爆發(fā)。移動端設(shè)備與PC設(shè)備上的差異化與多樣化，移動端視覺營銷成為了商家競爭的必然陣地。需求引發(fā)：移動端消費的爆發(fā)，由于移動端的瀏覽特點，使得移動端頁面UI與PC端存在較大差異，面向移動端的店鋪、產(chǎn)品、活動等視覺營銷策劃成為商家的常務(wù)工作。項目載體：晡寶母嬰專營店。移動端用戶關(guān)注數(shù)3萬，全部寶貝數(shù)77件。主要經(jīng)營紙尿褲、紙尿片、學(xué)步褲、奶瓶/水杯、哺寶配件。認識移動端之項目導(dǎo)入項目導(dǎo)入：2017貝貝母嬰研究院中國母嬰用戶消費分析報告概述：“世界上最遙遠的距離不是生與死，而是我在你身邊，你卻在低頭玩手機?！笔謾C移動端的魔力，注意力經(jīng)濟意味著眼球關(guān)注哪里，哪里就是機會。隨著通信網(wǎng)絡(luò)的升級，智能移動終端普及，人類的信息互聯(lián)入口正從PC端遷移到移動端。隨著移動支付體系完善，移動支付成為新消費主流，為老百姓衣食住行等生活場景支付帶來更加方便快捷的消費體驗，移動消費群體已經(jīng)習(xí)慣于利用閑散的碎片化時間，通過手機實現(xiàn)隨時隨地快速消費、快速閱讀的多樣化場景空間消費方式。傳統(tǒng)中心電商正逐步演變分化，走向多元。許多店鋪手機端流量已超過PC端流量占比，更有很多店鋪手機端流量占比做到了80%以上，甚至有的店鋪專作移動端視覺設(shè)計、運營與推廣，完全弱化或取消了PC端。因此，如何設(shè)計優(yōu)化移動端店鋪視覺差異化，增強買賣雙方的黏性，以此提升店鋪的轉(zhuǎn)化率？是當前很多賣家的一個戰(zhàn)略重點調(diào)整方向。認識移動端之項目導(dǎo)入2014年央視年度經(jīng)濟人頒獎晚會上，董明珠與雷軍的10億賭局“5年內(nèi)小米銷售額能否超過格力”。事件折射出傳統(tǒng)企業(yè)面對移動互聯(lián)網(wǎng)大潮的彷徨、困惑與受到的沖擊。外界評價小米奇跡是因為雷軍營銷的成功，而雷軍則歸功于“移動互聯(lián)網(wǎng)思維的勝利”。海爾張瑞敏“沒有成功的企業(yè)，只有時代的企業(yè)”。諾基亞時任董事會主席約瑪·奧利拉“我們沒有做錯什么，但不知為什么，我們輸了”。諾基亞并沒有做錯什么，只是世界變化太快，思維跟不上時代，自然被淘汰。認識移動端之移動互聯(lián)思維移動互聯(lián)思維1什么是移動互聯(lián)網(wǎng)思維移動互聯(lián)網(wǎng)思維是基于移動網(wǎng)絡(luò)的精準化思維，是一種多維網(wǎng)絡(luò)狀的生態(tài)思維，節(jié)點間彼此連接，形成大小不同的生態(tài)圈。不同生態(tài)圈之間彼此連接形成更大的生態(tài)圈，連接+圈子是構(gòu)成的基本要素，去中心化+伙伴經(jīng)濟是其典型特征，專業(yè)極致思維+小眾差異思維+零星碎片思維是其核心思維。認識移動端之移動互聯(lián)思維移動互聯(lián)思維2移動互聯(lián)網(wǎng)給營銷帶來的變化移動互聯(lián)網(wǎng)是PC端互聯(lián)網(wǎng)演進的高階。未來營銷不需要太多的渠道，只需要產(chǎn)品與品牌進入消費者的手機。因為消費者在各種碎片時間看手機。1）載體與形式發(fā)生變化電視、報紙變?yōu)槭謾C、ipad、微博；書信、電話機變?yōu)槲⑿?；以前因需求而形成團隊，而今因興趣愛好組成團隊；消費者的消費習(xí)慣與使用行為在發(fā)生著改變。2）大數(shù)據(jù)精準營銷成為可能移動互聯(lián)網(wǎng)信息每兩年翻一番，呈幾何級數(shù)增長。大數(shù)據(jù)下是人“透明”的足跡，通過大數(shù)據(jù)整合、高速處理、精準分析可以還原人的行為。3）移動互聯(lián)網(wǎng)精準營銷成為必由之路移動互聯(lián)無處不在，信息越來越透明，精準營銷成為必然。認識移動端之移動互聯(lián)思維移動互聯(lián)思維3移動互聯(lián)網(wǎng)思維與互聯(lián)網(wǎng)思維的差異PC互聯(lián)網(wǎng)擁有數(shù)字土著80后、90后群體為主，而移動互聯(lián)網(wǎng)移民則含括了40后，50后，60后，70后，他們開始習(xí)慣通過手機、平板電腦與世界發(fā)生聯(lián)系。傳統(tǒng)互聯(lián)網(wǎng)遇上了瓶頸：以企業(yè)為中心的、滿足所有消費者需求的大而全、一站式購物體驗，與個性化需求產(chǎn)生的矛盾；傳統(tǒng)企業(yè)+互聯(lián)網(wǎng)平臺的簡單拼接與應(yīng)情應(yīng)景痛點需求的矛盾；互聯(lián)網(wǎng)時代專業(yè)化的嚴密分工不適應(yīng)移動互聯(lián)網(wǎng)時代的個性化需求的自然競爭生態(tài)。用效果=質(zhì)量*數(shù)量表示傳統(tǒng)思維、互聯(lián)網(wǎng)思維、移動互聯(lián)網(wǎng)思維在營銷方面的對比如下：1）傳統(tǒng)思維：營銷效果=成交率*溝通次數(shù)溝通次數(shù)，表示更多的與客戶見面，屬于電視廣告時代。2）互聯(lián)網(wǎng)思維：營銷效果=轉(zhuǎn)化率*流量流量，表示更多的客戶參與，點擊鏈接，屬于互聯(lián)網(wǎng)廣告時代。3）移動互聯(lián)網(wǎng)思維：營銷效果=適度影像*時空觸點時空觸點，表示在對的時空與客戶接觸，情感心靈的交互，屬于移動互聯(lián)網(wǎng)內(nèi)容為王、社交為王時代。認識移動端之移動端信息特點移動端信息特點移動設(shè)備通過無線信號進行通信，隨時隨地，攜帶方便，但信道、設(shè)備存儲容量有限，限制了信息的傳遞與接收。主要特點：1）手機端流量限制，避免大數(shù)據(jù)量。2）手機尺寸限制，需要視覺焦點突出，信息表達簡潔明確。3）碎片化閱讀特點，需要內(nèi)容新穎，易讀易感，適于快速傳播。4）手機信息縱向瀏覽特點，需要信息設(shè)計首尾呼應(yīng)，目標指向清晰明確。5）手機尺寸限制，需要信息分類結(jié)構(gòu)明晰，模塊劃分清晰，內(nèi)容少而精，產(chǎn)品賣點區(qū)域清晰，圖片錯落有致。6）瀏覽面積小，視覺受限，需要色彩鮮亮動感，信息層次表達清晰。認識移動端之移動端信息特點移動端信息特點根據(jù)手機端信息通信特點，無線店鋪視覺設(shè)計需要注意的基本原則：1）強調(diào)觸摸感官的習(xí)慣性，點擊的對象要比鼠標點擊的對象尺寸大。2）手機屏幕距離人眼較近，盡可能讓產(chǎn)品的細節(jié)清晰，凸顯品質(zhì)。3）手機屏幕尺寸限制，上下瀏覽的特點，盡可能每屏信息焦點集中，文案信息結(jié)構(gòu)清晰，圖文主次分明，精準清晰，易讀易感，品質(zhì)趣味等。4）流量限制，同時需要頁面加載速度快，加載圖片文件大小不宜太大。認識移動端之移動端用戶特點移動端用戶特點移動端用戶特點年齡跨度大、地域分布廣、教育程度跨度大，閱讀地點移動化、閱讀時間碎片化、信息傳播圈子化等特點，因此視覺營銷呈現(xiàn)內(nèi)容化、社交化、生活化等特征。個性化是移動互聯(lián)網(wǎng)的時代標簽，粉絲經(jīng)濟是移動互聯(lián)時代的王道。而個性化、粉絲經(jīng)濟都要求商家更深層次的開發(fā)，與客戶合作、共贏。1個性化個性化大致兩個階段：自由組合；私人定制。自由組合階段時期，商家將底層需求模塊化，構(gòu)件化，程序化，支持客戶快速搜索與分類，充分開放自己的產(chǎn)品庫，實現(xiàn)產(chǎn)品與客戶需求的快速匹配。如曾經(jīng)在校園中非常流行的死飛自行車，不但可以在配件上可以實現(xiàn)DIY，同時實現(xiàn)個性化配置顏色。如圖6-1兩種配色方案圖。圖6-1個性化配色產(chǎn)品認識移動端之移動端用戶特點移動端用戶特點移動端用戶特點年齡跨度大、地域分布廣、教育程度跨度大，閱讀地點移動化、閱讀時間碎片化、信息傳播圈子化等特點，因此視覺營銷呈現(xiàn)內(nèi)容化、社交化、生活化等特征。個性化是移動互聯(lián)網(wǎng)的時代標簽，粉絲經(jīng)濟是移動互聯(lián)時代的王道。而個性化、粉絲經(jīng)濟都要求商家更深層次的開發(fā)，與客戶合作、共贏。1個性化個性化大致兩個階段：自由組合；私人定制。自由組合階段時期，商家將底層需求模塊化，構(gòu)件化，程序化，支持客戶快速搜索與分類，充分開放自己的產(chǎn)品庫，實現(xiàn)產(chǎn)品與客戶需求的快速匹配。如曾經(jīng)在校園中非常流行的死飛自行車，不但可以在配件上可以實現(xiàn)DIY，同時實現(xiàn)個性化配置顏色。如圖6-1兩種配色方案圖。圖6-1個性化配色產(chǎn)品私人定制，是個性化需求的高級階段，以用戶為主導(dǎo)，用戶根據(jù)自己的需求進行定制，并主導(dǎo)整個開發(fā)過程。需要商家更深層次的開放，讓客戶了解越多，參與心越強、體驗感越好，效果越好。如浙江金華工商城有個性化定制一條街，依托市場優(yōu)勢，傳統(tǒng)線下已經(jīng)做了20多年的個性化定制，目前有一些店家也開始線上定制服裝。好幾家已經(jīng)成長為專業(yè)化定制演出服、工作制服、禮服、唐裝等品牌店家。認識移動端之移動端用戶特點移動端用戶特點2粉絲經(jīng)濟工業(yè)經(jīng)濟時代，得渠道者得天下；互聯(lián)網(wǎng)時代，尤其移動互聯(lián)網(wǎng)時代，得粉絲者得天下。粉絲思維是用戶思維的進步，用戶思維講究的是用戶主體，而粉絲思維，是作為主體的用戶，部分讓渡思考主權(quán)，即把思考的權(quán)力部分讓渡給自認為信得過的人，個體只聽從就好。粉絲是品牌的忠誠客戶，是品牌的傳播者與捍衛(wèi)者，是一群價值觀認同、品牌認同、產(chǎn)品認同的群體，是潛在的購買者、是最專業(yè)、最熱心、最挑剔的一幫用戶。粉絲是最優(yōu)質(zhì)的目標消費者，不僅會再三光顧，而且會通過各種社交媒體、甚至向陌生人講述推介，助力企業(yè)獲得爆炸性增長。如明星店鋪、網(wǎng)紅店鋪都是借助了粉絲的力量。根據(jù)移動端用戶特點，無線店鋪視覺設(shè)計需要注意的基本原則：1個性化需求。產(chǎn)品個性化突出，產(chǎn)品功能清晰、賣點獨特。2個性化定制。產(chǎn)品可以組合搭配，增添配件、功能等。3粉絲經(jīng)濟。注重品牌培育，社交入口，會員制度等。4碎片化閱讀。頁面不能太長，視覺焦點不用太多，信息結(jié)構(gòu)清晰，版塊特點明確，注重類目導(dǎo)航的設(shè)計。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊以手淘為項目載體，建議選擇chrome瀏覽器即Google瀏覽器，安裝好后，登錄淘寶賬戶，即可進入賣家后臺。1手機淘寶裝修入口進入淘寶網(wǎng)賣家中心，根據(jù)提示向?qū)ч_啟“手機淘寶店鋪”裝修之旅。如圖6-2所示頁面左側(cè)單擊“手機淘寶店鋪”、“立即裝修”選項。彈出的如圖6-3所示“無線運營中心”頁面，單擊“店鋪裝修”“店鋪首頁”選項，進入“手機淘寶店鋪首頁”。圖6-2淘寶網(wǎng)賣家中心圖6-3無線運營中心認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊以手淘為項目載體，建議選擇chrome瀏覽器即Google瀏覽器，安裝好后，登錄淘寶賬戶，即可進入賣家后臺。圖6-4核心組件2手機淘寶裝修組件手機端店鋪裝修相對簡單。當進入手機淘寶裝修頁面后，頁面左側(cè)顯示各類別裝修組件，包括寶貝類、圖文類、營銷互動類組件等；中間是手機仿真模型區(qū)；右側(cè)是模塊參數(shù)編輯設(shè)置區(qū)。如圖6-4所示，單擊如圖所示三角形按鈕

，可列出各組件類別詳細條目。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊3寶貝類組件主要放置熱銷爆款寶貝，起到分類引導(dǎo)和寶貝歸類作用。具體包括智能雙列、智能單列寶貝、猜你喜歡、寶貝排行榜、視頻合集共5個模塊。系統(tǒng)自動預(yù)設(shè)好的模板尺寸，使用者只需選擇寶貝、添加標題和鏈接即可，圖片將根據(jù)已有寶貝主圖進行顯示，方便新店使用。如圖6-5所示。圖6-5寶貝類組件認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊4圖文類組件手機端店鋪首頁裝修中使用最多的模塊，文字和圖片的組合模塊，主要用于手機淘寶頁面添加焦點輪播圖、互動視頻、寶貝展示等，提供設(shè)計師更多的設(shè)計空間。具體包括視頻模塊、美顏切圖、定向模塊、動圖模塊、單列圖片模塊、雙列圖片模塊、智能海報、新老顧客模塊、輪播圖模塊、自定義模塊、多圖模塊、左文右圖模塊、標簽圖、輔助線模塊、標題模塊、文本模塊等。如圖6-6所示。圖6-6圖文類組件認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊7營銷互動類組件主要用于店鋪營銷，店鋪開展活動時發(fā)優(yōu)惠券、紅包等，渲染店鋪活動氣氛。具體包括倒計時模塊、優(yōu)惠券模塊、搭配套餐模塊、活動組件、電話模塊、會員卡模塊、店鋪后花園、淘寶群模塊。如圖6-7所示。圖6-7營銷互動類組件認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊6模塊裝修實操無線端首頁裝修目的是留住流量、轉(zhuǎn)化流量。因此店鋪裝修設(shè)計前首先做好整體規(guī)劃，實現(xiàn)合理的信息視覺分布，讓訪客輕松瀏覽跳轉(zhuǎn)想去的地方。無線端由于手機屏幕限制，首頁信息視覺呈現(xiàn)不宜太多太雜，添加最主要的幾個模塊即可。(1)手機淘寶首頁基本裝修流程手機淘寶首頁基本裝修流程：1)拖拽左側(cè)相關(guān)裝修組件至頁面中間的手機仿真模型后釋放；2)完成右側(cè)待編輯模塊區(qū)參數(shù)編輯、修改、上傳等基本操作；3)保存預(yù)覽發(fā)布。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊無線端首頁裝修模塊常見操作有添加、刪除、移動、編輯。1)添加模塊從左側(cè)裝修組件模塊區(qū)，選中并拖拽待添加模塊至中間手機仿真模型頁面的目標位置釋放鼠標后，即可在手機淘寶首頁成功添加指定模塊。刪除模塊手機仿真模型頁面中，單擊選中需要刪除的模塊，單擊刪除按鈕

即可；移動模塊手機仿真模型頁面中，單擊選中需調(diào)整位置的模塊，單擊上移按鈕

、下移按鈕

即可；4)編輯模塊右側(cè)模塊待編輯區(qū)域中，可設(shè)置各個模塊內(nèi)容與屬性。開始手機淘寶首頁裝修實操前，首先熟悉手機淘寶裝修組件。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊(2)組件各模塊功能解析選取無線店鋪裝修過程中比較常用的幾個模塊進行操作演示。注意頁面中模塊總數(shù)不超過30個。1)寶貝類組件常用模塊智能單列寶貝模塊：用于無線端首頁以獨立方式呈現(xiàn)寶貝，最多可連續(xù)添加5個模塊，每個模塊最多可添加6個寶貝。無線頁面中單列寶貝模塊更占空間，推薦少用。成功添加模塊后，單擊選中模塊，頁面右側(cè)可設(shè)置模塊寶貝標題、標題鏈接、推薦類型、寶貝個數(shù)等選項。如圖6-8所示。圖6-8智能單列寶貝認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊智能雙列模塊：可使寶貝以雙列方式呈現(xiàn)，使用頻率較高，模塊數(shù)量可增加至6個，一個模塊最多可添加16個寶貝。成功添加模塊后，單擊選中模塊，頁面右側(cè)可添加寶貝圖片、模塊標題、標題鏈接等選項。如圖6-9所示。圖6-9智能雙列認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊猜你喜歡模塊：通過推薦算法計算出買家感興趣的商品，并以一行兩列方式呈現(xiàn)展示，不可編輯。如圖6-10所示。圖6-10猜你喜歡模塊寶貝排行榜模塊：用于顯示店鋪中寶貝的各種排行，如鉆石買家最愛、收藏排行、銷量排行的寶貝。成功添加模塊后，單擊選中模塊，頁面右側(cè)可編輯設(shè)置寶貝類目、關(guān)鍵字等。該模塊只限使用一次，當對寶貝排行榜類目進行選擇時，所選類目寶貝只有超過3個，此模板才能生效。如圖6-11所示。圖6-11寶貝排行榜模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊視頻合集：用于以視頻方式呈現(xiàn)寶貝。最少添加2個添加寶貝視頻，可設(shè)置默認樣式、官方推薦、自定義上傳三種方式。如圖6-12所示。圖6-12視頻合集認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊2)圖文類組件常用模塊視頻模塊:用于添加互動視頻，僅支持時長不超過120秒的視頻。在線制作新互動視頻、選擇現(xiàn)有互動視頻兩種方式。如圖6-13所示。圖6-13視頻模塊美顏切圖：智能旺鋪專用付款模塊，最多可以添加15個模塊；單個切圖模塊最多可添加50個熱區(qū)并設(shè)置鏈接，服務(wù)費為千元左右每年。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊新老客模塊：將新老顧客情況分流到更精準無線頁面中營銷，更好地提高個性化運營能力。不同客戶呈現(xiàn)不同的圖片與鏈接，圖片尺寸為608px×336px。如圖6-14所示。圖6-14新老客模塊動圖模塊：智能旺鋪專用，付款模塊。添加圖片、設(shè)置轉(zhuǎn)場動畫、添加鏈接三個步驟。如圖6-15所示。圖6-15動圖模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊標題模塊：用于手機淘寶頁面中添加有鏈接的文本信息，拖拽指定模塊到頁面中后，右側(cè)模塊編輯區(qū)域輸入文本（限制20個文字）、設(shè)置鏈接即可。如圖6-16所示。圖6-16標題模塊文本模塊：用于添加無鏈接的提示性文本信息，如公告展示發(fā)貨信息，快遞方式等。拖拽文本模塊到手機模型后，右側(cè)編輯模塊中輸入文本。如圖6-17所示。圖6-17文本模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊單列圖片模塊：主要用于聚焦首頁產(chǎn)品圖片或店鋪活動。單列模塊建議圖片寬度750px，高度200-950像素，文件類型.JPG.PNG?？蔀閳D片添加文字與鏈接。如圖6-18所示。圖6-18單列圖片模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊雙列圖片模塊：用于展示店鋪主推/上新/熱賣商品，也可展示某個分類的商品。用于添加2張圖片并列展示，雙列模塊建議圖片寬度351px，高度100-400像素，要求兩張圖片高度完全一致，文件類型.JPG.PNG?？蔀閳D片添加文字與鏈接。可將固定尺寸的圖片設(shè)計好后上傳至圖片空間，右側(cè)編輯區(qū)內(nèi)單擊添加圖片、設(shè)置鏈接等操作。如圖6-19所示。圖6-19雙列圖片模塊小貼士：與寶貝類組件類中智能雙列模塊只需選擇已有的寶貝主圖，而圖文類組件中的雙列圖片模塊可添加自行創(chuàng)作的圖片。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊多圖模塊：用于添加多張圖片展示，并為圖片添加標題、文字和鏈接。多圖模塊中圖片最多6個，最少3個。多圖模塊可滑動，建議尺寸248px×146px,主要用于優(yōu)惠券展示，也可用于熱賣寶貝等。如圖6-20所示。圖6-20多圖模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊輔助線模塊：輔助線，較少使用。輔助線可清晰劃分區(qū)域，創(chuàng)造出舒適空間，促進精準分類，節(jié)省頁面流量。如圖6-21所示。圖6-21輔助線模塊輪播圖模塊：用于展示店鋪核心的活動或產(chǎn)品，建議置于第一屏內(nèi)店招下面?？商砑佣鄰垐D片輪播展示，類似于PC端的全屏輪播海報，可節(jié)約展示空間。輪播圖片最多4個，最少2個，建議圖片寬度750PX,高度200-950PX,支持類型jpg，png，要求組內(nèi)圖片高度必須完全一致。一張圖片添加文字和鏈接，方法與多圖模塊相同。如圖6-22所示。圖6-22輪播圖模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊左文右圖模塊：可作為店鋪爆款展示寶貝圖片，與單列模塊和焦點圖有類似作用，等同于電腦端的banner。設(shè)計好背景圖，其上輸入文字即可。建議尺寸608px×160px。如圖6-23所示。圖6-23左文右圖模塊小貼士：頁面設(shè)計過程中，單列模塊和焦點圖、左文右圖模塊三選一即可。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊自定義模塊：最為自由靈活好用的店鋪裝修模塊，最多可添加10個模塊。單擊“編輯板式”按鈕，彈出的自定義模塊編輯器中拖拽鼠標設(shè)置寬度與高度，寬度最大值640px，高度最大值1600px，輸入或添加合法鏈接地址。如圖6-24所示。圖6-24自定義模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊3)營銷互動類常用模塊優(yōu)惠券模塊：用于展示店鋪可供訪客領(lǐng)取的優(yōu)惠券，建議置于店招下面，突顯促銷力度。一個頁面中最多可使用2次，1個優(yōu)惠券模塊內(nèi)最多配置6個優(yōu)惠券，一般建議配置3個~6個。如圖6-25所示。圖6-25優(yōu)惠券模塊商業(yè)視覺設(shè)計的目標是營銷，規(guī)范更多的依據(jù)是運營大數(shù)據(jù)，結(jié)合相關(guān)數(shù)據(jù)指標確定設(shè)計的細節(jié)。移動端頁面視覺設(shè)計主要考慮頁面模塊點擊效果、頁面加載速度、頁面跳失率、轉(zhuǎn)化率、訪問深度等數(shù)據(jù)，這些數(shù)據(jù)基本上可以通過生意參謀的經(jīng)營分析模塊中的相關(guān)數(shù)據(jù)進行分析。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊1頁面模塊點擊效果分析進入生意參謀的經(jīng)營分析頁面后選擇裝修分析欄目,點擊首頁頁面模塊點擊效果分析,可以得到圖6-26查看頁面不同板塊的點擊次數(shù)，分析點擊分布情況并進行頁面視覺優(yōu)化。點擊效果，主要與圖片位置、圖片尺寸、圖片視覺有關(guān)系，位置與尺寸整體上影響視覺效果，同時圖片構(gòu)圖、色彩、文案等則是影響視覺的局部因子。板塊點擊次數(shù)420220全部寶貝263首頁351新品472店鋪微淘420點擊次數(shù)板塊點擊次數(shù)180板塊點擊次數(shù)82板塊點擊次數(shù)37板塊點擊次數(shù)25板塊點擊次數(shù)180板塊點擊次數(shù)180板塊點擊次數(shù)563563點擊次數(shù)417點擊次數(shù)37點擊次數(shù)圖6-26首頁頁面模塊點擊效果分析認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊2頁面加載速度頁面加載速度影響因素有圖片的多少、圖片的大小、頁面關(guān)聯(lián)搭配超鏈接的多少。如圖6-27、6-28所示。頁面加載過多的圖片超鏈接，會直接直接影響該頁面的打開速度。系統(tǒng)打開頁面鏈接的同時，還要打開頁面上承載的其他關(guān)聯(lián)寶貝的頁面鏈接，超過網(wǎng)速承載時，就會長時間出現(xiàn)頁面斷流、顯示描述加載中等超出客戶心理承受或者行為習(xí)慣，出現(xiàn)跳失的情況。合理的寶貝關(guān)聯(lián)搭配產(chǎn)品數(shù)量建議控制在6個以內(nèi)。圖片30張，多于同行平均25張，影響頁面打開時長圖6-27加載速度影響因子-圖片過多認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊描述區(qū)內(nèi)圖片6張，正常，建議保持對頁面性能的關(guān)注正常偏多超多超寬圖片1張超大圖片3張超高圖片4張圖6-28加載速度影響因子-圖片過大當存在圖片過大時，可以點擊【一鍵優(yōu)化】，選擇超標圖片，點擊【立即優(yōu)化】。如圖6-29、6-30、6-31所示。圖片優(yōu)化實質(zhì)是對圖片進行質(zhì)量壓縮，手機端圖片上傳會自動根據(jù)使用的設(shè)備進行壓縮。為保證顯示的圖片質(zhì)量，建議圖片壓縮率在75%左右，壓縮每張200KB以內(nèi)，頁面切圖保持在每張1025px以內(nèi)。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊圖6-29一鍵優(yōu)化超圖超寬（大、高）圖片4張圖6-30超圖優(yōu)化設(shè)置圖6-31超圖優(yōu)化后認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊生意參謀的商品溫度計，不同版本中歸屬的板塊有所不同。通過商品溫度計的相關(guān)數(shù)據(jù)指標可以診斷詳情頁面的合理性。商品溫度計是做單品分析診斷與優(yōu)化的核心工具，可以幫助做好寶貝優(yōu)化、提升寶貝轉(zhuǎn)化率。商品溫度計主要從商品轉(zhuǎn)化與影響商品轉(zhuǎn)化因素檢測兩個角度來表征商品頁面的效果。圖6-32商品溫度計-商品轉(zhuǎn)化認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊從圖6-32中可以看到該寶貝頁面的訪客人數(shù)，進店流量；離開的訪客數(shù)；間接轉(zhuǎn)化包括跳轉(zhuǎn)去店內(nèi)其它頁面的訪客數(shù)，收藏商品的訪客數(shù)；直接轉(zhuǎn)化包括加購物車訪客數(shù)、下單訪客數(shù)、支付購買訪客數(shù)。從這組數(shù)據(jù)可以知道寶貝頁面帶來的流量情況，相關(guān)鏈接圖片的質(zhì)量；通過收藏、加購、購買等可以知道寶貝詳情質(zhì)量，如果跳失嚴重，可以從寶貝質(zhì)量、詳情頁面等的用戶體驗情況，判斷需要優(yōu)化的對象。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊圖6-33商品溫度計-影響因素檢測影響商品轉(zhuǎn)化因素檢測如圖6-33所示。各項含義如下：頁面性能：從商品詳情頁的訪問屏數(shù)、加載速度來分析，如果加載速度時間長，那么可能詳情頁切片有問題或者圖片太大；如果訪問屏數(shù)少，可能就是詳情頁前幾屏的吸引力不夠或者關(guān)聯(lián)銷售產(chǎn)品太多。標題：檢測標題長度是否利用完，是否含有該寶貝引流的關(guān)鍵詞。價格：分享該寶貝的價格處于市場同類商品的主要價格帶范圍，這也是我們做產(chǎn)品定價的一種方式。屬性：該寶貝的屬性與市場當前熱門屬性是否一樣。當然，產(chǎn)品屬性以自身的真是屬性為主。促銷導(dǎo)購：也就是詳情頁中的關(guān)聯(lián)銷售、搭配套餐等。描述：分析的是該寶貝詳情頁的圖片數(shù)量是正常范圍，還是偏多或者偏少，圖片尺寸是否正常，以便做出調(diào)整優(yōu)化。評分：分析該寶貝已購買用戶給出的評價，以及店鋪的動態(tài)評分（DSR）認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊3頁面跳失率指僅閱讀了當前被訪問頁面就離開的次數(shù)占訪問這個頁面的所有被訪問次數(shù)的百分比。頁面跳失率=（閱讀該頁面就離開店鋪的次數(shù)/進入該頁面的訪問次數(shù)）*100%引起頁面跳失的可能原因：選用關(guān)鍵詞與目標頁面主題不相關(guān)；產(chǎn)品不符合客戶需求；頁面視覺呈現(xiàn)較差；存在惡意點擊；分析：產(chǎn)品相關(guān)度，重在關(guān)鍵詞設(shè)置；產(chǎn)品是否符合客戶需求，問題可能出在價格、產(chǎn)品設(shè)計、產(chǎn)品品質(zhì)等產(chǎn)品層面；頁面視覺呈現(xiàn)效果，是視覺營銷的重工所在；存在惡意點擊，需要做追蹤，取得相關(guān)數(shù)據(jù)材料后再做處理。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊頁面視覺呈現(xiàn)可能存在問題分析：信息傳達失誤。問題出在閱讀邏輯，氛圍營造；可能是文案、色彩、構(gòu)圖、焦點等不同層面的問題。加載速度過慢。主要出在圖片控制，尤其注意超圖帶來的加載滯后。關(guān)聯(lián)銷售未做好。關(guān)聯(lián)銷售是頁面當前位置很好的流量引導(dǎo)，不設(shè)置關(guān)聯(lián)銷售，意味著沒有流量轉(zhuǎn)化，但數(shù)量多了容易分散或者耗散流量。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊4轉(zhuǎn)化率轉(zhuǎn)化率，指所有到達店鋪并產(chǎn)生購買行為的人數(shù)，和所有到達店鋪的人數(shù)比率。轉(zhuǎn)化率=（產(chǎn)生購買行為的客戶人數(shù)/所有到達店鋪的訪客人數(shù)）*100%生意參謀檢測商品轉(zhuǎn)化的數(shù)據(jù)，是商品溫度計中影響寶貝轉(zhuǎn)化因素檢測的數(shù)據(jù)，具體包括頁面性能、標題、價格、屬性、促銷導(dǎo)購、描述、評價。其中的頁面性能、屬性、促銷導(dǎo)購、描述等直接與視覺營銷工作相關(guān)，可以通過店鋪的整體視覺、頁面的單元視覺、產(chǎn)品分類、促銷活動區(qū)搭配、產(chǎn)品陳列技巧來提升商品轉(zhuǎn)化效果。設(shè)置好客戶再次購買、再次搜索時的通道，盡量避免客戶回頭卻不見產(chǎn)品、店鋪的尬事。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊轉(zhuǎn)化率低的常見視覺因素：產(chǎn)品USP賣點是否精確。即產(chǎn)品差異化賣點是否展示。閱讀體驗是否順暢。順暢性由頁面加載速度、視覺感受、營銷邏輯，相互作用而成。5訪問深度訪問深度，指訪客在一次瀏覽某個網(wǎng)站、網(wǎng)店的過程中瀏覽的頁面數(shù)，是衡量一個店鋪是否足夠吸引訪客、留客的重要指標之一。訪問深度越深，意味轉(zhuǎn)化率越高。通常從優(yōu)化導(dǎo)航、合理搭配關(guān)聯(lián)、維護老客戶三個方面來提升訪問深度。訪問深度相關(guān)視覺要素：目的明確的導(dǎo)航。優(yōu)質(zhì)導(dǎo)航，可以增強買家進入店鋪的目的性，從而增加產(chǎn)品頁的展現(xiàn)量，提升訪問深度。通常按照店鋪所屬類目、買家搜索習(xí)慣來設(shè)置。合理關(guān)聯(lián)。關(guān)聯(lián)是店鋪內(nèi)資源合理配置的關(guān)鍵手段。一方面關(guān)聯(lián)可以分流，增加訪問深度；另一方面也會分散客戶注意力失去視覺焦點，導(dǎo)致跳失。因此合理關(guān)聯(lián)，數(shù)量上控制，質(zhì)量上篩選，視覺上做好收放引導(dǎo)。關(guān)聯(lián)解決方案：①數(shù)量上控制。每個商品關(guān)聯(lián)最多4-5個。②質(zhì)量上篩選。選優(yōu)化UV價值高的產(chǎn)品，UV價值排名前20的商品。③視覺上引導(dǎo)。內(nèi)容策劃，可以用故事、敘事為導(dǎo)引關(guān)聯(lián)相關(guān)產(chǎn)品、類目；視覺呈現(xiàn)上有整體性，由側(cè)重點，焦點，亮點等層次來體現(xiàn)。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊優(yōu)化產(chǎn)品陳列。首頁產(chǎn)品陳列區(qū)是店鋪內(nèi)的鉆展區(qū)，圍繞買家關(guān)注點，UV價值排序優(yōu)于銷量排序。同一產(chǎn)品陳列區(qū)域，視覺上注意色彩、構(gòu)圖等信息的平衡，關(guān)注焦點、視覺流線的構(gòu)造。老客維護?！爸挥欣峡筒艜]事就來逛你的店”。頁面需要有重點，尤其是詳情頁，需要從買家的關(guān)注點去優(yōu)化頁面，通過評價與反饋來收集信息做優(yōu)化。老客戶多，轉(zhuǎn)化率與訪問深度數(shù)據(jù)才能提升。小店鋪無法做到大店鋪的訪問深度。UV價值。訪客的流量價值，UV價值=成交金額/UV。舉例：有如下A款、B款奶瓶，斟酌入選首頁黃金展位的熱賣品。產(chǎn)品銷售數(shù)據(jù)大致如下：A款奶瓶：10000萬人次訪問過，1萬人次購買。B款奶瓶：10萬人次訪問過，1000人次購買。分析：銷售絕對數(shù)數(shù)據(jù)，A款熱度更高；UV價值的相對數(shù)據(jù)，B款熱度上升空間更大。入選首頁熱銷榜單，A款、B款都是候選商品，當依據(jù)絕對銷售數(shù)據(jù)，選擇結(jié)果A款；當依據(jù)相對UV價值數(shù)據(jù)，入選商品為B款。從培育空間來看，A款短線優(yōu)勢明顯，而B款更具長線優(yōu)勢。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊總之，移動端頁面，設(shè)備特征、使用場合、使用方式都與PC端有顯著不同，因此營銷與視覺呈現(xiàn)上也具有移動特征。信息呈現(xiàn)更為精煉，鮮明，主題明確，在視覺方面相比PC端的移動特點：目標人群明確；主營寶貝和店鋪的定位明確；導(dǎo)航分類更明確、更人性；頁面不同部位合理使用分類導(dǎo)航；充分利用前2屏；控制頁面長度保持5-7屏。整體色彩搭配對比更強烈；考慮和PC端有相同的記憶符號；控制無線店鋪元素色彩的使用，考慮統(tǒng)一協(xié)調(diào)、主次分明、層次遞進；焦點更為收縮，呈現(xiàn)更為張揚，一圖一焦點；版式以屏為展示單元考慮；信息設(shè)計邏輯清晰，簡潔明了，避免信息堆積;UV價值高的產(chǎn)品可在首頁重復(fù)出現(xiàn);首頁優(yōu)選趣味性、品質(zhì)感好的寶貝。最后，顧客就是上帝。經(jīng)驗之語：數(shù)據(jù)的水平不可能超過運營的水平；站在買家行為的角度去經(jīng)營店鋪；當好買家，自然就能做好賣家。視覺可以達到優(yōu)質(zhì)的營銷效果，買家需求，買家行為習(xí)慣還是首要考慮的。認識移動端之移動端店鋪功能模塊移動端字號標準1移動設(shè)備尺寸如圖6-34、6-35所示，iPhone不同版及顯示區(qū)域尺寸圖。圖6-34iPhone不同版圖圖6-35有效顯示尺寸不同版本、型號的機型，有效顯示區(qū)域的長寬比有所不同。圖6-35是同一個圖片在三個不同機型里的顯示效果，顯然iphone5.5有效顯示區(qū)域的長寬比要小于圖示其他兩個機型的有效長寬比。認識移動端之移動端店鋪功能模塊移動端字號標準2字號常用標準手機淘寶裝修自定義模塊標準規(guī)格為608px,640px兩種。默認官方規(guī)格為608px，全屏設(shè)計師規(guī)格640px。文案是視覺的點睛之筆，對整體視覺起到收攝立意的作用，建立字號標準可以助力店鋪風(fēng)格的形成，店鋪視覺的規(guī)范化。店鋪可以自建一套方案來統(tǒng)一，但從設(shè)備與用戶習(xí)慣而言，有一些經(jīng)驗值可以參考。如圖6-36、6-37、6-38、6-39、6-40、6-41、6-42所示。官方模塊首頁BANNER字號：主標題最小字號：48px副標題最小字號：26px建議最小字號：18px圖6-36標準608頁面字號大小樣例認識移動端之移動端店鋪功能模塊移動端字號標準設(shè)計師模塊首頁BANNER字號：主標題最小字號：50px副標題最小字號：30px建議最小字號：18px圖6-37標準640頁面字號大小樣例640規(guī)格屏幕常見字號應(yīng)用：導(dǎo)航-主標題字號：22px價格字號：26px建議最小字號：20px分類字號:20px圖6-38官方字號認識移動端之移動端店鋪功能模塊移動端字號標準導(dǎo)航-主標題字號：22px價格字號：30px建議最小字號：16px分類-描述字號:22px分類字號:22px圖6-39官方廣告字號認識移動端之移動端店鋪功能模塊移動端字號標準標題極限字號：22px價格極限字號：26px建議最小字號：20px圖6-40官方搜索字號認識移動端之移動端店鋪功能模塊移動端字號標準字體邊距:20px標題極限字號：24px價格字號：36px建議最小字號：20px字體行距:10px圖6-41首頁標準字號認識移動端之移動端店鋪功能模塊移動端字號標準字體邊距:20px標題極限字號：24px價格字號：36px建議最小字號：20px字體行距:10px圖6-42750px-790px詳情頁字號總結(jié)與思考學(xué)習(xí)資源推送謝謝！`視覺營銷“新商科”電子商務(wù)系列規(guī)劃教材項目六激發(fā)移動視覺沖擊力任務(wù)二產(chǎn)品詳情營銷策劃教學(xué)目標知識目標：了解移動端產(chǎn)品賣點提取。了解移動端詳情邏輯結(jié)構(gòu)。能力目標：能夠進行移動端產(chǎn)品詳情規(guī)劃。能夠進行移動端產(chǎn)品賣點提取。能夠進行移動端產(chǎn)品詳情邏輯結(jié)構(gòu)設(shè)計。能夠?qū)崿F(xiàn)產(chǎn)品詳情頁制作。授課提綱產(chǎn)品詳情營銷策劃移動端賣點提取移動端詳情頁邏輯結(jié)構(gòu)拍攝建議移動詳情頁制作與測試產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取目前搜索點擊遠大于類目點擊，越來越多的買家挑選商品的目的性趨于明確，因此商品描述頁越來越成為買家訪問店鋪的第一個頁面。產(chǎn)品交易的轉(zhuǎn)化、其他產(chǎn)品、頁面的訪問深度都由商品描述頁來承擔(dān)。無線端的產(chǎn)品詳情相比PC端詳情，由于設(shè)備、用戶瀏覽習(xí)慣、通信等發(fā)生變化，因此在產(chǎn)品詳情信息的策劃、提取、呈現(xiàn)等方面隨之調(diào)整，詳情的許多信息會提取到主圖中顯示，主圖的位置在商品描述頁中占有比PC端更為重要的位置。詳情頁的前五屏轉(zhuǎn)化率最高，移動端數(shù)據(jù)流量成本較高，因此移動端詳情頁面的屏數(shù)通常會減少到5-7屏。因此移動端詳情頁的視覺設(shè)計重心與關(guān)鍵轉(zhuǎn)移到了5主圖+5主屏。移動端賣點提取6.2.1移動端賣點提取1產(chǎn)品詳情規(guī)劃1）整體規(guī)劃專業(yè)的產(chǎn)品描述，比在旺旺中的溝通更為重要，是加購、下單等用戶行為發(fā)生的關(guān)鍵。主圖占據(jù)手機屏幕的大半?yún)^(qū)域，是信息展示重地?；谝苿佣嗽O(shè)備與用戶的特點，產(chǎn)品規(guī)劃時，主圖與下拉詳情可以作為一個整體規(guī)劃。根據(jù)移動端提供的詳情組件，可以分為三大區(qū)域：主圖區(qū)、常規(guī)參數(shù)區(qū)、自定義詳情區(qū)，即下拉詳情區(qū)，如圖6-43所示。移動端第一張主圖之前，通常由短視頻占用。把原來占用頁面長度的詳情信息，折合成了動畫視頻。產(chǎn)品整體效果、品牌質(zhì)量、局部細節(jié)、使用方法、操作流程等都可以壓縮在主圖位置的短視頻內(nèi)，相當于折疊后的動態(tài)產(chǎn)品詳情，客戶幾乎不用下拉詳情，就可以決定下單與否，即方便了操作，又節(jié)省了流量與內(nèi)存消耗。產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取主圖區(qū)價格區(qū)產(chǎn)品參數(shù)區(qū)評價區(qū)問答區(qū)店鋪參數(shù)區(qū)圖6-43移動端產(chǎn)品描述頁面結(jié)構(gòu)框架主圖區(qū)=1視頻+5主圖。五主圖邏輯第1張是重點圖，搜索主圖默認展示第1張；天貓展示方式為優(yōu)選，90%展示第2張，第2張白底圖、背景干凈圖，食品類放食品標簽；3-5張展示細節(jié)、包裝、促銷等補充信息。產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取2）主圖規(guī)劃（1）邏輯切割不同的用戶需求、產(chǎn)品訴求、價格訴求、營銷企求會形成不同的產(chǎn)品描述邏輯，描述重點，描述風(fēng)格等。四個維度的單維度切分如下：用戶切分：老用戶、新用戶、基準用戶。產(chǎn)品切分：標品、非標品、高復(fù)購、無復(fù)購。價格切分：高客單、常規(guī)、低客單。營銷切分：平銷、活動、成長期、成熟期。通過四個維度的定位，形成產(chǎn)品描述總體目標。如奶瓶（老用戶，高復(fù)購，常規(guī)，平銷），針對老客戶，對高復(fù)購產(chǎn)品，推出平時日常的營銷活動，價格限定在常規(guī)以上，不搞低客單價。那么老客戶、高復(fù)購必是關(guān)鍵策劃點，配上店鋪日常營銷活動，進行方案策劃。產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取（2）主圖常用方法主圖常用的表達方法：突出賣點，情景渲染，細節(jié)展示等。如圖6-44整體效果+賣點細節(jié)展現(xiàn)+情景渲染突出賣點突出賣點圖6-44主圖常用表達方法產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取(3)主圖設(shè)計原則主圖在移動端兩個作用為點擊率+轉(zhuǎn)化率。搜索中決定了點擊率，在產(chǎn)品描述中，決定了轉(zhuǎn)化率。搜索與產(chǎn)品描述中，主角是買家，以下幾個原則是從搜索到轉(zhuǎn)化購買過程中最關(guān)鍵的幾個原則。搜索意向緊密匹配原則（長尾詞比大詞、紅詞更易獲得高轉(zhuǎn)化率）。匹配買家特征（針對性文案、色彩、排版規(guī)劃）。附加值原則（加分項目）。設(shè)計差異化原則（觸動點，獲取新記憶）。（3）下拉詳情規(guī)劃移動端的下拉詳情，相比PC端，重要性發(fā)生調(diào)整。在移動端，下拉詳情是對視頻、主圖等上部信息進行補充、加強說明，屏數(shù)不適宜太多，尤其什么賣點、關(guān)鍵點都沒有的屏最好不要出現(xiàn)?？梢詮囊韵聨追矫嫒パa充選擇：商品展示（色彩、細節(jié)、優(yōu)點、賣點、包裝、搭配、效果）。實力展示（品牌、榮譽、資質(zhì)、銷量、生產(chǎn)、倉儲）。吸引購買（賣點打動、情感打動、買家評價、熱銷盛況）。促銷說明（熱銷商品、搭配商品、促銷活動、優(yōu)惠方式）。交易說明（購買、付款、收貨、驗貨、退換貨、保修）關(guān)聯(lián)營銷：關(guān)聯(lián)活動、關(guān)聯(lián)單品。關(guān)聯(lián)營銷的展現(xiàn)位置：寶貝描述頂部、寶貝描述底部。產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取2賣點提取提取賣點是后續(xù)視覺的前提，而產(chǎn)品分析是賣點提取的先行。產(chǎn)品是視覺營銷邏輯切分的重要維度。從產(chǎn)品本身看，有標品、非標品；從銷售情況看，有高復(fù)購、無復(fù)購；從上架運營周期看，有上新產(chǎn)品、優(yōu)化產(chǎn)品等。在一個運營周期內(nèi)，產(chǎn)品上新與產(chǎn)品優(yōu)化是兩個階段，產(chǎn)品上新是數(shù)據(jù)初始化階段，更多的考慮靜態(tài)數(shù)據(jù)；產(chǎn)品優(yōu)化是根據(jù)實際運營數(shù)據(jù)進行產(chǎn)品描述的改進，更多的考慮用戶的動態(tài)體驗。涉及的數(shù)據(jù)可以參考如下：產(chǎn)品上新：賣點是什么？顧客憑什么選擇我們？我們需要傳達給客戶什么信息？營銷點是什么？產(chǎn)品優(yōu)化：頁面加載速度？跳失率？停留時間？訪問深度，路徑？產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取根據(jù)FAB法則（F：Feature產(chǎn)品特征；A：Advantage產(chǎn)品優(yōu)勢；B：Benefit，消費者益處），即屬性，作用，益處的法則，因此賣點來源可以歸結(jié)三個方面：產(chǎn)品+競品+客戶，即產(chǎn)品特征，與競品比較后的產(chǎn)品優(yōu)勢，對客戶消費者的益處。賣點提取在充分調(diào)研分析產(chǎn)品、競品、客戶的數(shù)據(jù)基礎(chǔ)上展開。三個維度需要考慮的關(guān)鍵如下：產(chǎn)品：優(yōu)勢功能、特點。競品：相比競品，有哪些優(yōu)勢，差異化服務(wù)等。客戶：需求痛點，HIGH點。產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取3晡寶多功能吸管訓(xùn)練杯案例分析以晡寶母嬰專營店多功能吸管訓(xùn)練杯產(chǎn)品上新品為例，通過對自身產(chǎn)品賣點挖掘、競品賣點分析、目標客戶需求的深入調(diào)研，招集運營部門與視覺部門進行頭腦風(fēng)暴式思考與討論，建立產(chǎn)品賣點庫，如表6-1所示，并進一步提取產(chǎn)品賣點，如表6-2所示。產(chǎn)品特征進口PP優(yōu)質(zhì)材質(zhì)、絕不釋放BPA、防漏設(shè)計、防爆防脹氣、母乳實感、美國母嬰品牌、圓潤柔軟、保護口腔、耐咬耐折；食品級硅膠吸管，與寶寶親密接觸、防滑易握、鍛煉寶寶雙手協(xié)調(diào)性、提高寶寶腦力發(fā)育、不漏杯蓋、封液透氣、杯蓋完全閉合后，被內(nèi)液體不漏不灑，多種色彩，增進視覺刺激、促進手與腦發(fā)育、超強防漏防嗆設(shè)計、不溢漏、刻度清晰、造型獨特、顏色亮麗、……產(chǎn)品應(yīng)用場景外出攜帶方便、寶寶抓得住、寶寶喝水不嗆、寶寶補水神器。促銷與服務(wù)嫁1陪8禮品清單：吸管刷、奶嘴刷、奶瓶刷、奶瓶夾、吸管通氣針、奶嘴2個、通氣針……全國包郵…………

表6-1產(chǎn)品賣點庫產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取序號模塊賣點文案1總賣點圖進口PP優(yōu)質(zhì)材質(zhì)絕不釋放BPA多功能吸管訓(xùn)練杯更關(guān)注孩子健康就是這么任性，要做就做最好！2寶媽寶寶痛點寶媽為寶寶選擇健康的水杯而煩惱您還在為寶寶選擇一款怎樣的奶瓶而煩惱嗎？我們來幫助您解決問題！3痛點解決夏日易出汗，需要及時補水四種顏色炎炎夏日，寶寶更需要補水夏日寶寶容易出汗，用心媽媽要及時給寶寶補水無論男女寶寶總有一款適合您！四色選擇4強防漏防嗆設(shè)計不漏不嗆倒置水杯不漏我們的水杯超強防漏防嗆設(shè)計方便外出攜帶不溢漏閥門打開也不會漏5產(chǎn)品參數(shù)品牌品名材料成分容量產(chǎn)品適用年齡保質(zhì)期款式型號條形碼產(chǎn)品信息板塊說明產(chǎn)品各參數(shù)表6-2賣點提取產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取表6-2賣點提取產(chǎn)品細節(jié)-手柄細節(jié)材質(zhì)雙色包膠雙色包膠手柄外形更加美觀，更提升水杯檔次，寶寶更加喜愛刻度細節(jié)清晰刻度清晰刻度6-12月以上寶寶，飲水量每天每公斤120-160公斤1-3歲寶寶飲水量，每天每公斤100-140毫升可根據(jù)寶寶不同體質(zhì)適當調(diào)整瓶底細節(jié)進口原料不漏，閉合度好瓶身底部，進口原料制成為方便外出而設(shè)計不漏杯蓋，封液透氣杯蓋完全閉合后，被內(nèi)液體不漏不灑實物展示-產(chǎn)品特點閉合滑蓋易握手柄PP材質(zhì)柔軟吸管多種色彩閉合滑蓋（防止漏水）易握手柄（防滑舒適，鍛煉手臂精細動作）PP材質(zhì)（進口材料，耐高溫不含雙酚A）柔軟吸管（溫潤柔軟保護口腔，耐咬耐折）多種色彩（增進視覺刺激，促進眼和腦發(fā)育）實物展示-多色展示多色多色展示（橙色，藍色，綠色，紫色）公司介紹標識店鋪名稱美國育嬰品牌Logo晡寶母嬰專營店美國育嬰品牌一站式購齊產(chǎn)品詳情營銷策劃之移動端賣點提取移動端賣點提取課堂開放式練習(xí)6-1案例：晡寶多功能吸管訓(xùn)練杯賣點優(yōu)化【問題描述】表6-2是晡寶多功能吸管訓(xùn)練杯賣點提取方案，根據(jù)移動端的特點，選取3個以上的模塊進行分析，并作深入的數(shù)據(jù)調(diào)研，完成方案優(yōu)化改進?！緮?shù)據(jù)調(diào)研】對同類店鋪作深入調(diào)研，結(jié)合你所選模塊涉及的賣點，每進行局部的詳細調(diào)研，并做好競品的情況記錄。建議采用類似于表6-4的表格記錄?！痉桨父倪M】結(jié)合調(diào)研情況，再結(jié)合晡寶多功能吸管訓(xùn)練杯，采用頭腦風(fēng)暴，進行賣點的討論，優(yōu)化與改進。建議采用類似于表6-2的表格記錄討論結(jié)果。產(chǎn)品詳情營銷策劃之移動端賣點提取6.2.2移動端詳情邏輯結(jié)構(gòu)邏輯結(jié)構(gòu)，即把提取的賣點，從消費者角度出發(fā)，進行合理排序。排序后再以用戶體驗思維去體驗整個流程，對比優(yōu)秀競品的詳情邏輯與描述，分析對比確定自己產(chǎn)品的FAB，持續(xù)優(yōu)化與改進。移動端詳情邏輯結(jié)構(gòu)如圖6-45所示。模塊二：寶媽寶寶痛點模塊六：實物圖展示模塊五：產(chǎn)品細節(jié)（）模塊四：強防漏防嗆設(shè)計模塊三：痛點解決模塊一：總賣點圖模塊七：公司介紹圖6-45無線端產(chǎn)品詳情頁邏輯框架產(chǎn)品詳情營銷策劃之移動端詳情頁邏輯結(jié)構(gòu)移動端詳情頁邏輯結(jié)構(gòu)6.2.2拍攝建議為滿足寶媽們對寶貝健康、安全的消費特征需求，拍攝注意事項及建議如表所示，突出產(chǎn)品的品質(zhì)感，安全感、場景感、實用感，如表6-3所示。產(chǎn)品詳情營銷策劃之拍攝建議拍攝建議拍攝角度正面、背面、側(cè)面、45度角等各個角度實拍，如有多種顏色，則每種顏色分別拍攝。布光側(cè)面光、正面光等多個方位光源準備細節(jié)拍攝閥門、吸管、杯蓋內(nèi)外、刻度、瓶身底部格式高清晰，JPG格式表6-3拍攝建議表6.2.4詳情頁制作與測試產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試新版無線端首頁、詳情頁寬度建議750PX以上。建議新建文件時，設(shè)置寬度750PX，高度不變；也可在創(chuàng)建已有文件基礎(chǔ)上，執(zhí)行“圖像→畫布大小”命令（快捷鍵Alt+Ctrl+C），彈出的畫布大小對話框中輸入寬度750PX。創(chuàng)建詳情頁、首頁等大長圖時，可參考本教材中的分模塊實施法，也可通過新建一個大長圖，應(yīng)用切片工具切割成多個模塊。產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試2模塊二：寶媽寶寶痛點效果圖如圖6-47所示。素材準備：藍色杯子.PSD、橙色水滴素材.PSD、藍色水滴素材.PSD、玫紅色水滴素材.PSD技能準備：文件基本操作、置入文件、文字工具、圖層基本操作、組基本操作。操作步驟如二維碼圖6-47效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試3模塊三：痛點解決效果圖如圖6-48所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、組基本操作。技能準備：水滴素材.PSD、紫色杯子.PSD、橙色杯子.PSD、綠色杯子.PSD、藍色杯子.PSD。操作步驟如二維碼圖6-48效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試4模塊四：超強防漏防嗆設(shè)計效果圖如圖6-49所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、鋼筆工具、圖層樣式、漸變工具、顏色填充、圖層蒙版、橢圓工具、組基本操作。技能準備：瓶蓋吸管細節(jié)素材.PSD、藍色箭頭.PSD、小卡通.PSD。操作步驟如二維碼圖6-49效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試5模塊五：產(chǎn)品參數(shù)效果圖如圖6-50所示。素材準備：文件基本操作、置入文件、畫筆工具、文字工具、圖層基本操作、顏色填充、鋼筆工具、翻轉(zhuǎn)、圖層樣式、自由變換、組基本操作。技能準備：橙色杯子.PSD、藍色杯子.PSD、綠色杯子.PSD、紫色杯子.PSD。操作步驟如二維碼圖6-50效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6模塊六:產(chǎn)品細節(jié)

構(gòu)成：吸管、握把、瓶身底部第一部分：吸管細節(jié)1吸管細節(jié)（外視圖）效果圖如圖6-51所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、多邊形工具、圖層樣式、自由變換、組基本操作。技能準備：吸管素材1.PSD、吸管素材2.PSD。操作步驟如二維碼圖6-51效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6模塊六:產(chǎn)品細節(jié)

構(gòu)成：吸管、握把、瓶身底部第一部分：吸管細節(jié)2食品級硅膠吸管細節(jié)（內(nèi)視圖）：效果圖如圖6-52所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、組基本操作。技能準備：食品級硅膠吸管素材.PSD。操作步驟如二維碼圖6-52效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6模塊六:產(chǎn)品細節(jié)

構(gòu)成：吸管、握把、瓶身底部第二部分：握把細節(jié)1握把細節(jié)：整體展示效果圖如圖6-53所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、圖層樣式、多邊形工具、組基本操作。技能準備：握把素材1.PSD、握把素材2.PSD。操作步驟如二維碼圖6-53效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6模塊六:產(chǎn)品細節(jié)

構(gòu)成：吸管、握把、瓶身底部第二部分：握把細節(jié)2雙色包膠手柄細節(jié):材質(zhì)展示效果圖如圖6-54所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、組基本操作。技能準備：雙色包膠手柄細節(jié)1.PSD、雙色包膠手柄細節(jié)2.PSD。操作步驟如二維碼圖6-54效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6模塊六:產(chǎn)品細節(jié)

構(gòu)成：吸管、握把、瓶身底部第三部分：刻度細節(jié)效果圖如圖6-55所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、組基本操作。技能準備：清晰刻度素材.PSD。操作步驟如二維碼圖6-55效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6模塊六:產(chǎn)品細節(jié)

構(gòu)成：吸管、握把、瓶身底部第四部分：瓶底細節(jié)效果圖如圖6-56所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、組基本操作。技能準備：瓶身底部素材.PSD。操作步驟如二維碼圖6-56效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試模塊七：實物圖展示第一部分：產(chǎn)品特點效果圖如圖6-57所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、圓角矩形工具、橢圓工具、直線工具、顏色填充、組基本操作。技能準備：橙色杯子.PSD。操作步驟如二維碼圖6-57效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試模塊七：實物圖展示第二部分：多色展示效果圖如圖6-58所示。素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、自由變換、圓角矩形工具、組基本操作。技能準備：橙色杯子.PSD、藍色杯子.PSD、綠色杯子.PSD、紫色杯子.PSD。操作步驟如二維碼圖6-58效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試8模塊八：公司介紹效果圖如圖6-59所示。

素材準備：文件基本操作、置入文件、文字工具、圖層基本操作、直線工具、自定形狀工具、組基本操作。技能準備：品牌logo.PSD、flag.PSD。操作步驟如二維碼圖6-59效果圖產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試6.2.5發(fā)布與瀏覽1一鍵發(fā)布手機端詳情頁當PC端寶貝詳情頁干凈清爽，圖片中文字辨識度夠高完全不影響無線端瀏覽效果時，可通過電腦端“生成手機版寶貝詳情頁”方法同步至手機端。手機端寶貝描述編輯框中加入“導(dǎo)入電腦端寶貝描述”功能，賣家可點擊此處“導(dǎo)入電腦端寶貝描述”并進行自動適配生成手機端寶貝描述。2新設(shè)計無線端詳情頁的發(fā)布點擊“手機端”，可添加的四種類型有音頻、摘要、圖片、文字。將鼠標移動至“+”號上點擊“圖片”，可上傳新圖片或是從圖片空間選擇，點擊插入即可，如圖6-60所示。圖6-60無線端詳情頁發(fā)布產(chǎn)品詳情營銷策劃之移動詳情頁制作與測試移動詳情頁制作與測試小貼士：手機詳情頁模塊最多可上傳20張圖片，圖片類型支持png、jpg、jpeg。單個圖片建議寬度為750~1242，高度<=1546px,可以在右側(cè)進行圖片排序、刪除等操作?？偨Y(jié)與思考學(xué)習(xí)資源推送謝謝！`視覺營銷“新商科”電子商務(wù)系列規(guī)劃教材項目六激發(fā)移動視覺沖擊力任務(wù)三首頁視覺營銷策劃教學(xué)目標知識目標：了解移動端首頁視覺關(guān)鍵點。了解移動端首頁視覺營銷策劃步驟。了解移動端首頁邏輯結(jié)構(gòu)。了解移動端首頁制作技術(shù)能力目標：能夠進行移動端視覺關(guān)鍵點提取。能夠按照移動端首頁視覺營銷策劃步驟。能夠設(shè)計移動端首頁邏輯結(jié)構(gòu)。能夠進行移動端首頁制作。授課提綱首頁視覺營銷策劃移動端關(guān)鍵點提取移動端首頁邏輯結(jié)構(gòu)移動端首頁制作與測試首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取移動輕設(shè)備，伴隨著輕（微）應(yīng)用、輕（微）頁面，詳情頁的目的讓客戶了解產(chǎn)品，首頁的目的則讓客戶明了店鋪，明白店鋪的特色產(chǎn)品、特色服務(wù)、熱點活動、優(yōu)惠策略、店鋪地圖等關(guān)鍵事務(wù)。重點在于店鋪經(jīng)營的總體框架、重點特色，給用戶提供良好的逛店體驗，看貨、選貨、購物體驗及售前、售后服務(wù)體驗。首頁是客戶到訪的大頻數(shù)頁面，很多商家會利用該區(qū)域發(fā)布、陳列店內(nèi)的主推款，起到產(chǎn)品引流作用。事物都有其兩面，合理利用引流，可以搞活店鋪，引發(fā)其他產(chǎn)品；但過度利用，或者不合理利用，反而會讓客戶不知所措，望而生畏。好的設(shè)計，總是以客戶體驗為本，信息量過多，會緊張，會沖動，也會吃不消，會厭倦，望而止步，因此保持一定的饑餓感，也是視覺營銷一種境界，如近年興起的“低奢”便是廣告界、營銷界的一種華麗的轉(zhuǎn)身，老百姓日趨繁華的物質(zhì)生活后，向往更進一層次的精神生活的一種回歸。繁華的店鋪首頁視覺營銷也是如此。首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取6.3.1移動端關(guān)鍵點提取1首頁整體規(guī)劃

移動端常見首頁模塊：導(dǎo)航、活動海報、店鋪櫥窗（熱銷產(chǎn)品、活動產(chǎn)品等），各類產(chǎn)品陳列等。如圖6-61?；顒雍髤^(qū)店鋪櫥窗（熱銷產(chǎn)品、活動產(chǎn)品）圖6-61移動端首頁樣例1如圖6-61所示的母嬰移動端店鋪首頁，很簡單，除了活動海報，就是各類的產(chǎn)品陳列，訪問深度就由陳列的各個產(chǎn)品圖來實現(xiàn)。該首頁功能領(lǐng)優(yōu)惠券、產(chǎn)品陳列。首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取活動海報區(qū)分類導(dǎo)航區(qū)店鋪櫥窗（單列、單列多行、2列多行）分類導(dǎo)航區(qū)圖6-62移動端首頁樣例2首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取如圖6-63所示的母嬰移動端店鋪首頁，比圖6-61多了幾個分類導(dǎo)航，同時陳列的商品種類更多一些，當?shù)赇伄a(chǎn)品種類比較多時，導(dǎo)航是必要的。產(chǎn)品陳列，圖6-61、6-62都是以熱賣品方式出現(xiàn)，這樣的方式對于客戶更多的是被動的瀏覽，在主動搜索瀏覽方面，則需要完善分類陳列，如圖6-63所示。按系列陳列的樣式風(fēng)格保持一致，對客戶而言是一種差異化感知，即可識別差異，同時由于大部信息相似，不會產(chǎn)生過多信息量造成的視覺壓抑。首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取分系列產(chǎn)品陳列分系列產(chǎn)品陳列分系列產(chǎn)品陳列圖6-63按系列產(chǎn)品陳列首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取首頁總體規(guī)劃，主要確定首頁準備設(shè)置哪些模塊，基本次序邏輯。下面是移動端常用首頁模塊。1）導(dǎo)航規(guī)劃導(dǎo)航規(guī)劃考慮3個問題：幾個導(dǎo)航？導(dǎo)航位置？導(dǎo)航分類依據(jù)？（1）導(dǎo)航數(shù)目如圖6-122首頁中的導(dǎo)航有兩個模塊，第一個導(dǎo)航有7個子類目；第二個導(dǎo)航有4個子類目。數(shù)目一般1-2個，子類目可以3-9個不等。首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取（2）導(dǎo)航位置導(dǎo)航在功能上實現(xiàn)信息引導(dǎo)，在視覺上起到類似服飾中的領(lǐng)結(jié)、圍巾之類的裝飾與收攝的作用。因此上部導(dǎo)航的位置通常在首屏海報下方，也可以在第二屏；尾部導(dǎo)航通常在最后一屏壓腳。（3）導(dǎo)航分類導(dǎo)航分類，可以按照產(chǎn)品類目、材質(zhì)、品牌、用戶等各種分類依據(jù)。需要根據(jù)店鋪的經(jīng)營定位來設(shè)定。圖6-64導(dǎo)航樣例。圖6-64導(dǎo)航樣例首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取2）首屏規(guī)劃首屏區(qū)塊，通常由活動海報、導(dǎo)航分類或者優(yōu)惠活動、優(yōu)惠券等信息合作完成?；顒雍笮枰獌?nèi)含三個基本信息：時令+品牌+目標用戶。色彩搭配、文案策劃要吸引眼球、牽動情感，滲入人心。若是老客比較多，應(yīng)常變常新，生意盎然。3）產(chǎn)品陳列規(guī)劃產(chǎn)品陳列可以創(chuàng)意展示，可以分類展示，展示需要一個總體樣式與搭配，版塊之間流線型過渡，雖然仍占有一定的席位，但近年來帶邊框的展示頗受歡迎，有一種規(guī)范品質(zhì)感，同時也與移動端設(shè)備更搭。陳列區(qū)的產(chǎn)品，可以選高UV價值的產(chǎn)品，間或搭配熱銷產(chǎn)品。產(chǎn)品造型、色彩搭配以屏為單元考慮，屏與屏之間需要有視覺差異，但不適宜跳躍太大變化頻度太高。首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取2晡寶母嬰移動端首頁案例分析以晡寶母嬰平銷活動為背景，進行移動端首頁規(guī)劃，及首頁關(guān)鍵模塊信息提取。如表6-4所示。序號模塊名稱關(guān)鍵點文案1輪播圖一送禮健康愛，放心愛，好禮送不停輪播圖二玻璃奶瓶寬口徑防摔寬口徑嬰兒防摔奶瓶玻璃奶瓶母乳實感價格；立即搶購（暗示性）輪播圖三寬口徑奶瓶防脹氣易清洗摔不壞的奶瓶美國寬口徑200ml母乳實感，防脹氣，易清洗價格；立即搶購（暗示性）首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取2優(yōu)惠券區(qū)1）5元,滿98元2）10元,滿198元3)20元,滿298元4)50元,滿498元3分類導(dǎo)航區(qū)紙尿片專區(qū)媽咪專區(qū)奶瓶專區(qū)可啦褲專區(qū)餐具專區(qū)水杯專區(qū)首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取4爆款專區(qū)撞色卡通系列醫(yī)用不銹鋼內(nèi)膽系列易握卡通系列PP奶瓶洗額+送奶嘴繽紛色彩醫(yī)用級不銹鋼內(nèi)膽，食品級PP，硅膠，一杯兩種攜帶方法易握奶瓶，寬口徑防摔PP奶瓶，寬口徑防摔，送5新品專區(qū)奶瓶刷大小兩件嬰兒牙刷收腰PPSU防脹氣奶瓶易握安全防脹氣包郵瘋搶0%不含雙酚A首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取6配件專區(qū)奶嘴奶瓶刷奶瓶夾吸取器1）2）3）暫未定文案4）清晰刻度，保證吸取的容量7尾部專區(qū)收藏店鋪返回首頁回到頂部收藏店鋪返回首頁回到頂部首頁視覺營銷策劃之移動端關(guān)鍵點提取移動端關(guān)鍵點提取課堂開放式練習(xí)6-2案例：晡寶母嬰移動端首頁優(yōu)化【問題描述】表6-4是晡寶母嬰移動端首頁關(guān)鍵點提取方案，根據(jù)移動端的特點，方案存在著一些欠缺與不妥，請你找出3個以上的點優(yōu)化分析，并作深入的數(shù)據(jù)調(diào)研，優(yōu)化改進方案。【問題分析】記錄你找出的認為欠妥之處?？梢允钦w模塊的選?。灰部梢允悄K局部內(nèi)容選取，關(guān)鍵點提取等?！緮?shù)據(jù)調(diào)研】對同類店鋪做深入調(diào)研，結(jié)合你認為有問題的地方，從整體模塊選取，每個模塊的局部內(nèi)容設(shè)置等方面進行詳細調(diào)研，并做好競店的情況記錄。建議采用類似于表6-4的表格記錄?！痉桨父倪M】結(jié)合調(diào)研情況，再結(jié)合晡寶店鋪的產(chǎn)品，采用頭腦風(fēng)暴，進行關(guān)鍵討論，及改進。建議建議采用類似于表6-4的表格記錄討論結(jié)果。首頁視覺營銷策劃之移動端首頁邏輯結(jié)構(gòu)移動端首頁邏輯結(jié)構(gòu)移動端首頁主要由頁頭（Logo+店招）、輪播圖、優(yōu)惠券專區(qū)、分類導(dǎo)航專區(qū)、爆款專區(qū)、新品專區(qū)、配件專區(qū)、頁尾專區(qū)等模塊構(gòu)成。邏輯結(jié)構(gòu)如圖6-65所示。模塊一：頁頭專區(qū)模塊二：輪播圖模塊三：優(yōu)惠券專區(qū)模塊四：分類導(dǎo)航區(qū)模塊五：爆款專區(qū)模塊六：新品專區(qū)模塊七：配件專區(qū)模塊八：頁尾專區(qū)圖6-65移動端首頁邏輯結(jié)構(gòu)首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試6.3.3移動端首頁制作與測試1無線端首頁模塊一：logo效果圖如圖6-66所示。圖6-66效果圖技能準備：文件基本操作、置入文件、文字工具、圖層基本操作、圖層樣式、顏色填充、組基本操作。素材準備：背景素材.PSD、華康儷金黑W8.TTF制作步驟如二維碼首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試效果圖如圖6-67所示。圖6-67效果圖技能準備：文件基本操作、置入文件、圖層蒙版、圖層基本操作、顏色填充、組基本操作。制作步驟如二維碼2無線端首頁模塊二：店招素材準備：寶媽寶寶.JPG首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試Logo、店招上傳與測試發(fā)布流程手機淘寶店鋪店招上傳流程與工作任務(wù)如圖6-68所示：店鋪基本信息店招背景店招鏈接導(dǎo)航顏色圖6-68官方推薦店招上傳流程小貼士：1店鋪基本信息：店鋪名稱、店鋪LOGO；2店招背景：官方推薦、自定義上傳；3店招鏈接；4新版導(dǎo)航顏色。手機淘寶店鋪自定義店招上傳操作步驟：首先打開瀏覽器，進入“無線店鋪運營中心”手機淘寶店鋪裝修頁面，單擊手機模型店招區(qū)域，即可在右側(cè)編輯區(qū)域編輯店招模塊各項參數(shù)，如圖6-69所示。首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試手機淘寶店鋪自定義店招上傳操作步驟：首先打開瀏覽器，進入“無線店鋪運營中心”手機淘寶店鋪裝修頁面，單擊手機模型店招區(qū)域，即可在右側(cè)編輯區(qū)域編輯店招模塊各項參數(shù)，如圖6-69所示。圖6-69自定義上傳模塊設(shè)置首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試效果圖如圖6-70所示。圖6-70效果圖技能準備：文件基本操作、置入文件、畫筆工具、文字工具、剪貼蒙版、橢圓工具、鋼筆工具、自由變換、圖層基本操作、顏色填充、組基本操作。制作步驟如二維碼3無線端首頁模塊三：輪播圖素材準備：寶寶.PSD、黃色奶瓶素材1.PSD、黃色奶瓶素材2.PSD、粉紅色奶瓶.PSD、黃色奶瓶.PSD、奶嘴素材.PSD、聰明寶寶訓(xùn)練水杯.PSD、漢儀菱心體簡.TTF輪播圖一：首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試效果圖如圖6-71所示。圖6-71效果圖技能準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、圖層樣式、圓角矩形工具、組基本操作。制作步驟如二維碼3無線端首頁模塊三：輪播圖素材準備：白色不規(guī)則圖形.PSD、洋寶寶模特.PSD、藍色奶瓶.PSD、百度綜藝簡體.TTF輪播圖二：首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試效果圖如圖6-72所示。圖6-72效果圖技能準備：文件基本操作、置入文件、文字工具、圖層基本操作、顏色填充、圖層樣式、圓角矩形工具、自定形狀工具、組基本操作。制作步驟如二維碼3無線端首頁模塊三：輪播圖素材準備：白色不規(guī)則圖形.PSD、寶寶圖.PSD、奶瓶圖.PSD、百度綜藝簡體.TTF輪播圖三：首頁視覺營銷策劃之移動端首頁制作與測試移動端首頁制作與測試小貼士：1新版輪播圖尺寸：寬