1、第三章 著陸頁/詳情頁策劃（3）本章重點：淘寶詳情頁策劃3.6. 著陸頁/專題策劃設(shè)計過程與規(guī)范3.6.1.協(xié)助設(shè)計工作1、找靈感MaterialUp：Material Design 設(shè)計案例；FSGN：更新的最炫酷的扁平化的 Web 和 APP UI 設(shè)計；Site Inspire：幫你獲取靈感的網(wǎng)頁設(shè)計案例；UI Cloud：世界上最大的 UI 設(shè)計數(shù)據(jù)庫；Crayon：最全面的設(shè)計收藏；Land-Book：產(chǎn)品著陸頁圖庫；Dribbble：最炫酷的高品質(zhì)設(shè)計師設(shè)計案例社區(qū)；Behance：發(fā)現(xiàn)并展示充滿創(chuàng)意的設(shè)計作品；One Page Love：單頁設(shè)計案例；UI Parade：設(shè)計案例

2、與 UI 設(shè)計工具；The Best Designs：最佳網(wǎng)頁設(shè)計；3.6.2.著陸頁/專題的設(shè)計規(guī)范設(shè)計規(guī)范示例3.6.3.著陸頁/專題設(shè)計后的檢查工作1、整體設(shè)計風(fēng)格是否符合策劃的？2、配色是否需要更改？3、字體是否看起來舒服？4、和文字是否放對？3.6.4.著陸頁/專題制作后的檢查工作1、不同瀏覽器的兼容性；2、是否正確；3、和文字是否放對；4、title、關(guān)鍵字、描述是否正確；3.6.5.著陸頁/專題跟進數(shù)據(jù)1、總 PV；2、總 IP；3、量/率；4、轉(zhuǎn)化量/轉(zhuǎn)化率；5、頁面停留時間；6、跳出率；7、各投放時間、成本、IP 成本、單個成本、單個轉(zhuǎn)化成本等；8、其他各推廣PV、IP、成本

3、等；3.6.6.著陸頁/專題的內(nèi)容優(yōu)化1、條件允許的情況下，可以進行 A/B 測試。2、品牌一致：、著陸頁、官網(wǎng)品牌要一致。3、用戶和流量細分：如果有多種用戶，可以為每種用戶細分創(chuàng)建一個著陸頁，這樣能測定最有效的市場細分。4、關(guān)注 SEO。5、減少 PPC（按點擊）成本：著陸頁里的內(nèi)容，與 SEM的文案和標題越是匹配得緊密，選擇的 PPC成本越低。6、盡量要不用彈窗。7、及時更新過期信息。8、關(guān)注熱力圖。圖 3-91內(nèi)容優(yōu)化（1）圖 3-92內(nèi)容優(yōu)化（2）圖 3-93 內(nèi)容優(yōu)化（3）1、通過行為層分析發(fā)現(xiàn)，其它指標正常但跳出率較高，從而得出是設(shè)計而非內(nèi)容方面問題的結(jié)論。2、利用用戶模擬測試進行

4、了情緒層分析，發(fā)現(xiàn)原設(shè)計將用戶直接引導(dǎo)至活動部分，導(dǎo)致用戶忽略了部分。3、在視覺線最后的部分，因數(shù)據(jù)失去度，成為了頁面上的反向。圖 3-94 內(nèi)容優(yōu)化（4）1、利用人設(shè)分功能部分與活動部分，強調(diào)了的同時，保證了活動部分促進。2、用背景分了上中下三塊，防止用戶直接被引導(dǎo)至頁面下方。作為補償，職業(yè)部分使用了富交互。3、刪除了包含反向的模塊。著陸頁/專題的制作流程完成度；圖 3-95 制作流程的完成度3.7.著陸頁/專題策劃案例分析3.7.1. 產(chǎn)品銷售型1、三只松鼠圖 3-96 產(chǎn)品銷售型示例（1）2、芝華士圖 3-97產(chǎn)品銷售型示例（2）3.7.2. 產(chǎn)品展示型1、喜力圖 3-98產(chǎn)品銷展示示例

5、（1）2、琨御府圖 3-99 產(chǎn)品銷展示示例（2）3、雙子座圖 3-100 產(chǎn)品銷展示示例（3）4、金地未未來圖 3-101產(chǎn)品銷展示示例（4）3.7.3. 品牌解讀型1、小狗吸塵器圖 3-102 品牌解讀示例3.7.4. 賽事活動型1、騰訊移動高校創(chuàng)意大賽圖 3-103賽事活動示例（1）2、海爾兄弟想象力大賽圖 3-104賽事活動示例（2）著陸頁/專題策劃框架示例：各行業(yè)框架示例；3.8. 寶貝詳情頁策劃3.8.1.寶貝詳情頁概述1、以下兩家他們共同的版式內(nèi)容有那些？圖 3-105 寶貝詳情頁概述（1）圖 3-106 寶貝詳情頁概述（2）2、模塊組成圖 3-107寶貝詳情頁概述（3）3、產(chǎn)品

6、參數(shù)圖 3-108寶貝詳情頁概述（5）3.8.2.定位1、業(yè)：了解行業(yè)情況，規(guī)避同款。2、寶貝評價：了解買家最在意，如買家的需求、后遇到等等。3、寶貝定位：根據(jù)寶貝以及市場確定本店的消費群體，如確定高、中、，寶貝風(fēng)格等。4、挖掘?qū)氊愘u點：根據(jù)市場結(jié)果以及自己的產(chǎn)品進行系統(tǒng)的分析總結(jié)，羅列出消費者所在意，的優(yōu)缺點，以及自身產(chǎn)品的定位，挖掘自身與眾不同的賣點。賣價格；賣款式；賣文化；賣感覺；賣服務(wù)；賣特色；賣品質(zhì)；賣人氣；3.8.3.買家心理分析圖 3-109 買家心理分析第一步：第一眼印象，這件寶貝（風(fēng)格、樣式等）是否喜歡？關(guān)注點：整體展示（擺拍、模特展示）第二步：細看，這件寶貝的質(zhì)量好不好？（

7、功能全不全）？關(guān)注點：細節(jié)展示、功能展示、品牌展示第三步：這件寶貝是否適合我？關(guān)注點：功能展示、尺碼規(guī)格第四步：寶貝的實際情況是否與賣家介紹得相符？（是否正品？有無色差？尺碼是否偏差？）關(guān)注點：寶貝品牌、寶貝銷量、買家評論。第五步：（想買寶貝了）寶貝價格有沒？關(guān)注點：活動促銷信息（打折、滿減、組合價、會員價）、信息（是否包郵、有無券）寶貝詳情頁的作用：打消顧客的消費疑慮；樹立顧客對的信任感；激發(fā)顧客的消費；促使顧客下單；3.8.4.寶貝詳情頁框架&內(nèi)容策劃圖 3-110 寶貝詳情頁框架、內(nèi)容策劃（1）1、展示部分圖 3-111寶貝詳情頁展示部分（1）圖 3-112寶貝詳情頁展示部分（2）活動促

8、銷信息；熱銷寶貝；圖 3-113 寶貝詳情頁展示部分（3）圖 3-114 寶貝詳情頁展示部分（4）體現(xiàn)品牌實力內(nèi)容：銷量、品牌歷史等；圖 3-115 寶貝詳情頁展示部分（5）重要公告；2、主體展示部分創(chuàng)意海報情景大圖；前三屏遵循：三秒注意力原則。開頭的大圖是視覺焦點，應(yīng)該采用能夠展示品牌調(diào)性以及產(chǎn)品特色的意境圖，第一時間吸引買家注意力；圖 3-116寶貝詳情頁主體展示部分（1）圖 3-117寶貝詳情頁主體展示部分（2）寶貝賣點/特點；寶貝作用/功能；寶貝帶來的好處；FAB 法則排序：F（特點）A（作用）B（好處）；圖 3-118寶貝詳情頁主體展示部分（3）圖 3-119寶貝詳情頁主體展示部分（

9、4）模特/寶貝全方位展示；注意整體風(fēng)格的。若有多個顏色，以主推顏色為主，其他顏色輔以少量展示；整體展示可分為：擺拍圖和場景圖兩種類型。場景圖最普遍的就是模特展示圖，適合衣服等物品。擺拍圖比較適合家居、數(shù)碼、鞋、包等小件物品，通常需要突出主體，采用模特拍攝的話反而喧賓奪主；圖 3-120寶貝詳情頁主體展示部分（5）圖 3-121寶貝詳情頁主體展示部分（6）寶貝細節(jié)展示；細節(jié)實拍圖+簡短文字：盡可能的展示商品細節(jié)、材質(zhì)，功能型寶貝要介紹各部分的功能；圖 3-122寶貝詳情頁主體展示部分（7）圖 3-123寶貝詳情頁主體展示部分（8）圖 3-124寶貝詳情頁主體展示部分（9）圖 3-125 寶貝詳情

10、頁主體展示部分（10）寶貝規(guī)格參數(shù)/信息；在拍攝的時候是沒有參照物的，建議增加具體參數(shù)：比如柔軟指數(shù)、厚度指數(shù)、模特身材參考及不同身高體型的人試穿尺碼對照等；圖 3-126 寶貝詳情頁主體展示部分（11）圖 3-127 寶貝詳情頁主體展示部分（12）3、主體補充展示部分展示；寶貝展示更直觀，多形式更富于力；圖 3-128 寶貝詳情頁主體補充展示部分（1）寶貝優(yōu)劣對比正品、偽劣商品對比圖：適用于高端產(chǎn)品、真皮、珍貴動物皮草等；圖 3-129 寶貝詳情頁主體補充展示部分（2）買家反饋信息好評如潮，讓買家主動上傳收到的實物寶貝。消費者更愿意相信消費者，在使用的評價中提高對此商品的進一步認同感；圖 3

11、-130 寶貝詳情頁主體補充展示部分（3）正品適用于名品代購、食品行業(yè)等，體現(xiàn)安全性；或?qū)＠援a(chǎn)品，體現(xiàn)唯一性和性；圖 3-131寶貝詳情頁主體補充展示部分（4）4、次要展示部分搭配；寶貝展示更直觀，富于力；包裝展示；增加包裝細節(jié)：展示精細嚴密的包裝，保證商品在途中不受損壞，體現(xiàn)賣家誠意，也提現(xiàn)了賣家的專業(yè)。產(chǎn)品包裝外形展示+發(fā)貨包裝，體現(xiàn)實力，給買家放心購物延伸體驗；圖 3-132 寶貝詳情頁次要展示部分（1）購物須知（郵費、發(fā)貨、退換貨、洗滌保養(yǎng)等）；售后保障問題；品牌簡介；簡明、店面/生產(chǎn)車間展示，適用于品牌初建期；圖 3-133 寶貝詳情頁次要展示部分（2）3.8.5.寶貝詳情頁的優(yōu)化

12、1、整體策劃注意整個詳情頁的設(shè)計風(fēng)格、色調(diào)和諧、大小一致；寶貝詳情頁要與寶貝主圖、寶貝標題相契合；圖 3-134 寶貝詳情頁整體策劃（1）詳情頁內(nèi)容屏數(shù)過多，除了導(dǎo)致頁面加載過慢外，也容易讓顧客厭煩。（特別是端）；圖 3-135 寶貝詳情頁整體策劃（2）圖 3-136 寶貝詳情頁整體策劃（3）詳情頁布局主次分明。比如女裝類寶貝詳情頁，女裝模特圖、實拍圖是重點；而美妝類寶貝詳情頁，功效介紹更重要；關(guān)聯(lián)只是附屬，不建議太多，以免喧賓奪主；消除一切使買家分心或者暫緩的詳情頁內(nèi)容；2、圖文策劃注意圖文結(jié)合，大片的介紹文字會讓顧客很頭疼；文字、標點要規(guī)范；寫出富有新意的文案，讓顧客眼前一亮；文案可加入情

13、感的；圖 3-137 寶貝詳情頁圖文策劃（1）圖 3-138 寶貝詳情頁圖文策劃（2）詳情頁過多、容量過大，導(dǎo)致買家瀏覽加載過慢（特別是端），會增加用戶的跳失率；圖 3-139寶貝詳情頁圖文策劃（3）3、促銷策劃使用“套餐減價”客單價；圖 3-140寶貝詳情頁圖文策劃（4）搭配單品；當(dāng)客戶確定要這件寶貝的時候，與之搭配另外一個寶貝。讓客戶再的寶貝提高成交的客單價；可設(shè)置促銷活動；詳情頁面里的寶貝促銷信息，能夠在用戶的決策中起到臨門一腳的作用；收藏返券；比如收藏送 5 元券或者購物立減 5 元，培養(yǎng)回頭客，提高單人的成交額；4、其他端要考慮屏幕的大小，控制數(shù)量和文字數(shù)量，盡量控制長度；主圖避免牛

14、皮癬式的，大面積鋪蓋干擾正常查看寶貝；圖 3-141寶貝詳情頁其他內(nèi)容（1）圖 3-142 寶貝詳情頁其他內(nèi)容（2）3.8.6.寶貝詳情頁案例：阿芙銷售寶貝：護膚品圖 3-143 寶貝詳情頁案例（1）1、突出阿芙的品牌在品牌模塊上，突出“精油行業(yè)品牌”丶“多項獎項殊榮”等字眼；圖 3-144 寶貝詳情頁案例（2）第評價：美容界公認丶的介紹；圖 3-145 寶貝詳情頁案例（3）圖 3-146 寶貝詳情頁案例（4）眾多網(wǎng)絡(luò)“”使用體驗；圖 3-147 寶貝詳情頁案例（5）專柜信息+防偽標識+品牌介紹，樹立專業(yè)丶任的形象；圖 3-148 寶貝詳情頁案例（6）線下展示；圖 3-149寶貝詳情頁案例（7）數(shù)量展現(xiàn)實力；圖 3-150寶貝詳情頁案例（8）2、突出產(chǎn)品的專業(yè)性、質(zhì)量及效果拋出買家痛點，然后加以引導(dǎo)；圖 3-151 寶貝詳情頁案例（9）圖 3-152 寶貝詳情頁案例（10）資深介紹產(chǎn)品是如何達到這種效果；圖 3-153 寶貝詳情頁案例（11）多次說明原理和“卓越功效”，這是美妝行業(yè)常見段。并且在功效介紹時配一張簡單直白的插圖解釋（圖文結(jié)合）；產(chǎn)品演示：使用前和使用后；圖 3-154 寶貝詳情頁案例（12）好原料鑄就好產(chǎn)品。介紹產(chǎn)品的原產(chǎn)地為法國普羅旺斯等，直接進貨品優(yōu)價廉；圖 3-155 寶貝詳情頁案例（13）3、口碑優(yōu)良數(shù)據(jù)說服；圖 3-156 寶貝詳情頁案例（1