淘宝美工教程22集第19集：宝贝详情页制作讲解

••宝贝详情页是提高转化率的首要入口，一个好的宝贝详情页就像专卖店里一个好的推销员，面对各式各样的客户，一个是用语言打动消费者，一个是用视觉传达商品的特性。所以宝贝详情对提高宝贝转换率至关重要。•详情页占店铺流量比重。详情页是有四个部分组成•2020/2/20详情页设计思路8要点1.市场调查•设计宝贝详情页之前，要充分进行市场调查，同行业调查，规避同款。•同时，也要做好消费者调查，分析消费者人群，分析消费者的消费能力、消费的喜好以及顾客购买所在意的问题等。2.关于宝贝定位•根据店铺宝贝以及市场调查确定本店的消费群体，完成定位。•举个例子，在外出旅游住宿时，有的小旅馆住一晚上需100元，这卖的主要就是价格，卫生等问题都没有保障，定位于低端消费顾客。有的连锁酒店住一晚上需200元，这卖的就是性价比，定位于中端消费顾客。有的大酒店住一晚上需要600元，这卖的主要就是服务。另外，还有主题宾馆，这主要卖的就是个性等。3.关于挖掘宝贝卖点•针对消费群体挖掘出本店的宝贝卖点。•案例：一家卖键盘膜的店铺发现评价里中差评很多，大多是抱怨键盘膜太薄，一般的掌柜可能下次直接进厚一点的货。而这家掌柜则直接把描述里的卖点改为史上最薄的键盘膜！结果出乎意料评分直线上升，评价里都是关于键盘膜真的好薄之类的评语，直接引导并改变了消费者的心理期望，达到了非常好的效果。•如何来挖掘自己宝贝的卖点呢？•可以从卖价格、卖款式、卖文化、卖感觉、卖服务、卖特色、卖品质、卖人气等寻找。2020/2/204.准备设计元素•根据消费者分析以及对自身产品卖点的提炼，根据宝贝风格的定位，开始准备所用的设计素材。•利用详情页所用的的文案并确立宝贝详情页的用色、字体、排版等。•最后还要烘托出符合宝贝特性的氛围，如羽绒服详情页，背景可以采用冬天的冰山效果。5.要确立的六大元素•包括配色、字体、文案、构图、排版、氛围。6.宝贝描述页构成框架•产品价值+消费信任=下单。•详情页上半部分诉说产品价值，后半部分培养顾客的消费信任感。对于消费信任感不光是通过各种证书和品牌认证的图片来树立。•使用正确的颜色、字体和排版结构，这些对赢得顾客消费信任感也会起到重要的作用。详情页每一块的组成都有它的价值，都要经过仔细的推敲和设计7.详情页描述基本遵循的顺序•（1）引发兴趣•（2）激发潜在需求•（3）赢得消费信任•（4）替客户做决定8.详情页描述基本遵循的原则•（1）文案要运用情感营销引发共鸣。•（2）对于卖点的提炼要简短易记并反复强调和暗示。•有需求才有产品，我们卖的不是宝贝，卖的是顾客买到宝贝之后可以得到什么价值，满足什么需求，让理性的顾客进来，最后是感性下单。•详情页设计完成之后需要配合分析询单率、停留时间、转化率、访问深度等数据进行不断的优化。2020/2/20•下图宝贝详情页框架只是给大家提供一个参考，针对不同行业要不同对待，最好的方法就是收集同行业销量前几名的描述页，分析他们的布局文案构成，先模仿后创作。2020/2/202020/2/20•做美工的不应该只停留于技术层面，也应该有自己的思路和想法，要有和运营争论的资本，让自己有更大的提升空间。•详情页优化的好坏还与整个运营设计团队的文化素养和学识有密不可分的关系。2020/2/20详情页设置都有哪些内容？•1、收藏+关注：轻松赚10元优惠卷或者购物立减5元，优惠幅度可以调整。•2、焦点图：突出单品的卖点，吸引眼球。•3、推荐热销单品：大概3-4个必须是店铺热卖单品，性价比好的。•4、产品详情+尺寸表：比如编号、产地、颜色、面料、重量、洗涤建议。•5、模特图：至少一张正面、一张反面、一张侧面，展示不同的动作。•6、实物平铺图：把衣服的颜色种类展示出来，不同的颜色代表什么性格或者展示什么风格。•7、场景图：模特在不同的场合角度，引起视觉的美感。•8、产品细节图：帽子或者袖子、拉链、吊牌位置、钮扣。•9、同类型商品对比：找一些同类质量不好的，或者高仿效果不好的。•10、买家秀展示或者好评截图：展示我们去年的羽绒服买家，挑选长得好看点的。•11、搭配推荐：比如情侣款或者中长款，不要和上面的推荐重复。•12、购物需知：邮费、发货、退换货、衣服洗涤保养、售后问题等。•13、品牌文化简介：让买家觉得品牌质量可靠，容易得到认可。•要值得注意的是，消费者的浏览习惯：促销信息——产品参数——产品卖点——产品搭配——物流和售后等内容。•两个基本点、六个原则•第一：把你所有的客户都当成非专业人士；•第二：寻找你产品的价值点而非促销点。•前三秒原则：3秒钟必须引起客户的注意力。•前三屏原则：前三屏决定客户是否想购买商品。•讲故事原则：情感营销吸引买家的共鸣。•一句话原则：用一句话提炼产品卖点。•重复性原则：商品卖点只需要一个且要不停的告诉客户。•问答原则:诉求利益因素给她一个购买的理由。2020/2/20•如何评定详情是否达标？•第一：看宝贝详情页的跳失率，按说数值越大，买家就越不想继续看你的宝贝。•第二：访问深度、平均访问时间，数值越大，买家关注的就越多。详情页10类模块组成一个宝贝的详情页是由不同描述信息模块组成的，而模块间的相互组合，就像是语法中的主语、谓语、宾语一样。有的模块是整个宝贝描述最主要的组成部分，有的模块是处于修饰的功能，让宝贝看上去更加的诱人，给人更多的购买理由。•1.宝贝展示模块•消费者购买宝贝最主要看的就是宝贝展示的部分，需要让客户对宝贝有一个直观的感觉。通常这个部分是使用图片的形式来展现的，一般情况下分为摆拍图和场景图两种类型•摆拍图能够最直观的表现产品，拍摄成本相对较低，大多数卖家自己也能够实现。摆拍图的基本要求就是能够把宝贝如实的展现出来，走平实无华路线，有时候这种态度也是能够打动消费者的。•实拍的图片通常需要突出主体，利用纯色背景，讲究页面的干净、简洁、清晰。•2.宝贝细节展示模块•在宝贝展示模块里，客户可以找到产品的大致感觉。当客户有意识想要购买的时候，宝贝细节模块就要开始起作用了。细节是让客户更加了解这个商品的主要手段，客户熟悉商品才能对最后的成交起到关键的作用。•3.产品规格参数模块•图片是不能反映宝贝的真实情况的，因为图片在拍摄的时候是没有参照物的。经常有买家买了宝贝以后要求退货，原因就是比预期相差太多，预期就是照片给的。所以，我们需要加入产品规格参数的模块，如此才能让客户对宝贝有正确的预估。•4.功能展示模块•功能展示模块的主要作用是对宝贝各个功能做详细的解析（细节展示），因为图片是无法动态的展示商品使用情况的，所以需要在图片上对于宝贝的其他功能做更详细的说明，它能够进一步展示细节，同时对细节进行补充说明，这样能大大的提高用户对宝贝的认知。•5.关联营销模块•关联营销主要承载着两部分角色：一个是客户对该宝贝不认可的时候，推荐相似的另外几款。另外一个角色是当客户确定要购买这件宝贝的时候，推荐与之搭配另外一个宝贝，让客户再购买更多的宝贝，提高成交的客单价。关联推荐的宝贝切忌胡乱堆砌，要根据营销的目标选择商品.•6.活动信息模块•详情页面里的宝贝促销信息能够在用户的购买决策中起到临门一脚的作用，活动的促销作用不言而喻.•7.搭配展示模块•搭配是时下最流行的词，客户在淘宝进行购物已经不仅仅是购买商品，而是寻找自己的风格。大多数人对于搭配的感觉并不是很敏锐，他们更相信专业店主的搭配推荐。•8.包装展示模块•包装是服务的重要组成部分，一个好的包装还能体现店铺的实力，给卖家放心的购物延续体验。包装是网上体现服务质量一个重要组成部分.•9.个性展示模块•但凡成功的店铺都要有自己的独特性格，这个性格主要是通过店主来体现。有个性的文案描述或者阐述店主推荐宝贝的理由，这都是在一定程度上试图和买家之间进行沟通，建立一种相互的认同感。一个有性格的店铺能够更加被客户所接受，在标准化的宝贝描述页面中加入店主的性格阐述，能够起到意想不到的效果。•10.品牌增值模块•品牌增值顾名思义就是将品牌信息引入到宝贝描述里，从而论证该宝贝是有别与其他店铺普通宝贝的事实。不过需要展示品牌信息的通常都不是消费者熟知的品牌，才会在此介绍。品牌介绍可以增加用户对商品品质的认同感.详情页尺寸多长才合理?•官方也没有具体说明详情页设置多长才是最理想的尺寸。每个产品不同，详情页描述也不尽相同，所以，只能根据商品特性，在不断实践中来摸索寻找适合自己店铺宝贝的尺寸长度。•宝贝详情页就是卖家与买家之间进行的虚拟沟通，只有在详情页上给出更多“合胃口”的信息，才能够引起买家的咨询，至于是不是放的信息越多越好，也一直存在着争论。详情页切图优化注意事项详情页的制作9大流程•1.确定页面风格•页面风格主要是根据产品本身来定的，如产品的属性、产品功能等。如果产品没有特定的风格属性，可以根据目标销售人群、季节、节日或主题活动来定。•2.产品和素材搜集•前期实拍素材，进行整理和分类，如图6-22所示。同时，设计师日常也要整理搜集自己的素材库，每一个优秀的设计师的电脑里面都会存储大量的设计素材。•3.构架布局框架•根据文案内容，结合实际产品，进行有效的布局建立,可以从下面八个方面入手操作：•（1）产品海报——引起注意。•（2）产品全景——提升兴趣。•（3）痛点挖掘——拉近客户。•（4）卖点优势——体现产品价值。•（5）产品属性功能——提升兴趣，了解产品。•（6）产品细节展示——提升兴趣，了解产品。•（7）检测报告——建立信任。•（8）好评分享展示——进一步加强购买欲望。•4.确定配色方案•已有店铺视觉规范的可以直接延续使用。如果没有，可以从产品本身提取，或者从LOGO中提取或从产品联想属性提取。在之前的内容中，我们也详细讲解过配色的提取方法，可以参照使用。•5.选择合适字体类型•字体相当于一个桥梁，相当重要。主要用来对产品进行解释说明，方便顾问阅读，同时，也是重要信息的引导作用。•字体注意事项：•（1）一般不超过3种字体。•（2）重点部分加粗突出。•（3）字体颜色的深浅，不要太复杂，以免影响阅读。•（4）选择符合产品定位的字体。•（5）字号大小使用得体，不宜过大或过小等。•6.Photoshop排版设计制作•整个详情页制作在Photoshop软件里实现。怎么对图片和文案内容进行排版设置，要考验美工设计的水平。•越是简约大气的页面，元素务必不要太多，清爽舒适的页面多留白，参考优秀案例，多多借鉴和学习。学习是没有止境的，同样，详情页的设计排版也是。多学习，多总结，扩展想法，拓展思维，建立自己的设计风格。•7.修改定稿•把制作首稿输出JPG格式给老板或者运营进行阅稿审核，如不符合要求，进行局部修改。也可以参考不同的意见进行优化处理，直至定稿保存为止。•8.切片和优化页面存储•设计师设计制作后的详情页往往是一张图，高度可能达上万像素，而我们在网上浏览的图是经过Photoshop切片功能进行切图后呈现出来的。如果一张数几十MB的图像直接上传淘宝店铺，网络加载速度会慢，用户体验差，所以，要进行图片切割优化。•9.上传淘宝店铺•当我们前期把所有工作完成之后，就要把切片好的详情页图逐一上传到淘宝图片空间，在发布新宝贝时候，就可以使用我们制作的详情页图了。•女装详情页制作流程2020/2/20