8.第三章-着陆页详情页策划

1、第三章 着陆页/详情页策划（3）本章重点：淘宝详情页策划3.6. 着陆页/专题策划设计过程与规范3.6.1.协助设计工作1、找灵感MaterialUp：Material Design 设计案例；FSGN：更新的最炫酷的扁平化的 Web 和 APP UI 设计；Site Inspire：帮你获取灵感的网页设计案例；UI Cloud：世界上最大的 UI 设计数据库；Crayon：最全面的设计收藏；Land-Book：产品着陆页图库；Dribbble：最炫酷的高品质设计师设计案例社区；Behance：发现并展示充满创意的设计作品；One Page Love：单页设计案例；UI Parade：设计案例

2、与 UI 设计工具；The Best Designs：最佳网页设计；3.6.2.着陆页/专题的设计规范设计规范示例3.6.3.着陆页/专题设计后的检查工作1、整体设计风格是否符合策划的？2、配色是否需要更改？3、字体是否看起来舒服？4、和文字是否放对？3.6.4.着陆页/专题制作后的检查工作1、不同浏览器的兼容性；2、是否正确；3、和文字是否放对；4、title、关键字、描述是否正确；3.6.5.着陆页/专题跟进数据1、总 PV；2、总 IP；3、量/率；4、转化量/转化率；5、页面停留时间；6、跳出率；7、各投放时间、成本、IP 成本、单个成本、单个转化成本等；8、其他各推广PV、IP、成本

3、等；3.6.6.着陆页/专题的内容优化1、条件允许的情况下，可以进行 A/B 测试。2、品牌一致：、着陆页、官网品牌要一致。3、用户和流量细分：如果有多种用户，可以为每种用户细分创建一个着陆页，这样能测定最有效的市场细分。4、关注 SEO。5、减少 PPC（按点击）成本：着陆页里的内容，与 SEM的文案和标题越是匹配得紧密，选择的 PPC成本越低。6、尽量要不用弹窗。7、及时更新过期信息。8、关注热力图。图 3-91内容优化（1）图 3-92内容优化（2）图 3-93 内容优化（3）1、通过行为层分析发现，其它指标正常但跳出率较高，从而得出是设计而非内容方面问题的结论。2、利用用户模拟测试进行

4、了情绪层分析，发现原设计将用户直接引导至活动部分，导致用户忽略了部分。3、在视觉线最后的部分，因数据失去度，成为了页面上的反向。图 3-94 内容优化（4）1、利用人设分功能部分与活动部分，强调了的同时，保证了活动部分促进。2、用背景分了上中下三块，防止用户直接被引导至页面下方。作为补偿，职业部分使用了富交互。3、删除了包含反向的模块。着陆页/专题的制作流程完成度；图 3-95 制作流程的完成度3.7.着陆页/专题策划案例分析3.7.1. 产品销售型1、三只松鼠图 3-96 产品销售型示例（1）2、芝华士图 3-97产品销售型示例（2）3.7.2. 产品展示型1、喜力图 3-98产品销展示示例

5、（1）2、琨御府图 3-99 产品销展示示例（2）3、双子座图 3-100 产品销展示示例（3）4、金地未未来图 3-101产品销展示示例（4）3.7.3. 品牌解读型1、小狗吸尘器图 3-102 品牌解读示例3.7.4. 赛事活动型1、腾讯移动高校创意大赛图 3-103赛事活动示例（1）2、海尔兄弟想象力大赛图 3-104赛事活动示例（2）着陆页/专题策划框架示例：各行业框架示例；3.8. 宝贝详情页策划3.8.1.宝贝详情页概述1、以下两家他们共同的版式内容有那些？图 3-105 宝贝详情页概述（1）图 3-106 宝贝详情页概述（2）2、模块组成图 3-107宝贝详情页概述（3）3、产品

6、参数图 3-108宝贝详情页概述（5）3.8.2.定位1、业：了解行业情况，规避同款。2、宝贝评价：了解买家最在意，如买家的需求、后遇到等等。3、宝贝定位：根据宝贝以及市场确定本店的消费群体，如确定高、中、，宝贝风格等。4、挖掘宝贝卖点：根据市场结果以及自己的产品进行系统的分析总结，罗列出消费者所在意，的优缺点，以及自身产品的定位，挖掘自身与众不同的卖点。卖价格；卖款式；卖文化；卖感觉；卖服务；卖特色；卖品质；卖人气；3.8.3.买家心理分析图 3-109 买家心理分析第一步：第一眼印象，这件宝贝（风格、样式等）是否喜欢？关注点：整体展示（摆拍、模特展示）第二步：细看，这件宝贝的质量好不好？（

7、功能全不全）？关注点：细节展示、功能展示、品牌展示第三步：这件宝贝是否适合我？关注点：功能展示、尺码规格第四步：宝贝的实际情况是否与卖家介绍得相符？（是否正品？有无色差？尺码是否偏差？）关注点：宝贝品牌、宝贝销量、买家评论。第五步：（想买宝贝了）宝贝价格有没？关注点：活动促销信息（打折、满减、组合价、会员价）、信息（是否包邮、有无券）宝贝详情页的作用：打消顾客的消费疑虑；树立顾客对的信任感；激发顾客的消费；促使顾客下单；3.8.4.宝贝详情页框架&内容策划图 3-110 宝贝详情页框架、内容策划（1）1、展示部分图 3-111宝贝详情页展示部分（1）图 3-112宝贝详情页展示部分（2）活动促

8、销信息；热销宝贝；图 3-113 宝贝详情页展示部分（3）图 3-114 宝贝详情页展示部分（4）体现品牌实力内容：销量、品牌历史等；图 3-115 宝贝详情页展示部分（5）重要公告；2、主体展示部分创意海报情景大图；前三屏遵循：三秒注意力原则。开头的大图是视觉焦点，应该采用能够展示品牌调性以及产品特色的意境图，第一时间吸引买家注意力；图 3-116宝贝详情页主体展示部分（1）图 3-117宝贝详情页主体展示部分（2）宝贝卖点/特点；宝贝作用/功能；宝贝带来的好处；FAB 法则排序：F（特点）A（作用）B（好处）；图 3-118宝贝详情页主体展示部分（3）图 3-119宝贝详情页主体展示部分（

9、4）模特/宝贝全方位展示；注意整体风格的。若有多个颜色，以主推颜色为主，其他颜色辅以少量展示；整体展示可分为：摆拍图和场景图两种类型。场景图最普遍的就是模特展示图，适合衣服等物品。摆拍图比较适合家居、数码、鞋、包等小件物品，通常需要突出主体，采用模特拍摄的话反而喧宾夺主；图 3-120宝贝详情页主体展示部分（5）图 3-121宝贝详情页主体展示部分（6）宝贝细节展示；细节实拍图+简短文字：尽可能的展示商品细节、材质，功能型宝贝要介绍各部分的功能；图 3-122宝贝详情页主体展示部分（7）图 3-123宝贝详情页主体展示部分（8）图 3-124宝贝详情页主体展示部分（9）图 3-125 宝贝详情

10、页主体展示部分（10）宝贝规格参数/信息；在拍摄的时候是没有参照物的，建议增加具体参数：比如柔软指数、厚度指数、模特身材参考及不同身高体型的人试穿尺码对照等；图 3-126 宝贝详情页主体展示部分（11）图 3-127 宝贝详情页主体展示部分（12）3、主体补充展示部分展示；宝贝展示更直观，多形式更富于力；图 3-128 宝贝详情页主体补充展示部分（1）宝贝优劣对比正品、伪劣商品对比图：适用于高端产品、真皮、珍贵动物皮草等；图 3-129 宝贝详情页主体补充展示部分（2）买家反馈信息好评如潮，让买家主动上传收到的实物宝贝。消费者更愿意相信消费者，在使用的评价中提高对此商品的进一步认同感；图 3

11、-130 宝贝详情页主体补充展示部分（3）正品适用于名品代购、食品行业等，体现安全性；或专利性产品，体现唯一性和性；图 3-131宝贝详情页主体补充展示部分（4）4、次要展示部分搭配；宝贝展示更直观，富于力；包装展示；增加包装细节：展示精细严密的包装，保证商品在途中不受损坏，体现卖家诚意，也提现了卖家的专业。产品包装外形展示+发货包装，体现实力，给买家放心购物延伸体验；图 3-132 宝贝详情页次要展示部分（1）购物须知（邮费、发货、退换货、洗涤保养等）；售后保障问题；品牌简介；简明、店面/生产车间展示，适用于品牌初建期；图 3-133 宝贝详情页次要展示部分（2）3.8.5.宝贝详情页的优化

12、1、整体策划注意整个详情页的设计风格、色调和谐、大小一致；宝贝详情页要与宝贝主图、宝贝标题相契合；图 3-134 宝贝详情页整体策划（1）详情页内容屏数过多，除了导致页面加载过慢外，也容易让顾客厌烦。（特别是端）；图 3-135 宝贝详情页整体策划（2）图 3-136 宝贝详情页整体策划（3）详情页布局主次分明。比如女装类宝贝详情页，女装模特图、实拍图是重点；而美妆类宝贝详情页，功效介绍更重要；关联只是附属，不建议太多，以免喧宾夺主；消除一切使买家分心或者暂缓的详情页内容；2、图文策划注意图文结合，大片的介绍文字会让顾客很头疼；文字、标点要规范；写出富有新意的文案，让顾客眼前一亮；文案可加入情

13、感的；图 3-137 宝贝详情页图文策划（1）图 3-138 宝贝详情页图文策划（2）详情页过多、容量过大，导致买家浏览加载过慢（特别是端），会增加用户的跳失率；图 3-139宝贝详情页图文策划（3）3、促销策划使用“套餐减价”客单价；图 3-140宝贝详情页图文策划（4）搭配单品；当客户确定要这件宝贝的时候，与之搭配另外一个宝贝。让客户再的宝贝提高成交的客单价；可设置促销活动；详情页面里的宝贝促销信息，能够在用户的决策中起到临门一脚的作用；收藏返券；比如收藏送 5 元券或者购物立减 5 元，培养回头客，提高单人的成交额；4、其他端要考虑屏幕的大小，控制数量和文字数量，尽量控制长度；主图避免牛

14、皮癣式的，大面积铺盖干扰正常查看宝贝；图 3-141宝贝详情页其他内容（1）图 3-142 宝贝详情页其他内容（2）3.8.6.宝贝详情页案例：阿芙销售宝贝：护肤品图 3-143 宝贝详情页案例（1）1、突出阿芙的品牌在品牌模块上，突出“精油行业品牌”丶“多项奖项殊荣”等字眼；图 3-144 宝贝详情页案例（2）第评价：美容界公认丶的介绍；图 3-145 宝贝详情页案例（3）图 3-146 宝贝详情页案例（4）众多网络“”使用体验；图 3-147 宝贝详情页案例（5）专柜信息+防伪标识+品牌介绍，树立专业丶任的形象；图 3-148 宝贝详情页案例（6）线下展示；图 3-149宝贝详情页案例（7）数量展现实力；图 3-150宝贝详情页案例（8）2、突出产品的专业性、质量及效果抛出买家痛点，然后加以引导；图 3-151 宝贝详情页案例（9）图 3-152 宝贝详情页案例（10）资深介绍产品是如何达到这种效果；图 3-153 宝贝详情页案例（11）多次说明原理和“卓越功效”，这是美妆行业常见段。并且在功效介绍时配一张简单直白的插图解释（图文结合）；产品演示：使用前和使用后；图 3-154 宝贝详情页案例（12）好原料铸就好产品。介绍产品的原产地为法国普罗旺斯等，直接进货品优价廉；图 3-155 宝贝详情页案例（13）3、口碑优良数据说服；图 3-156 宝贝详情页案例（1