案例解析详情页设计的技巧

~

案例解析详情页设计的技巧

　　电商视觉比拼的不仅仅是视觉技巧了，而是怎么让客户愉悦，最重要的是如何让客户在愉悦的同时可以快速地下单。我们自己在设计详情页页面的时候，一定要注意页面设计的基础三原则：

　　基本原则一：信息图像化

　　文字是循序渐进的处理，同时能被记住的只有20%，而图片同步被大脑处理能记住的是100%，所以详情页面的描述应尽可能地图像化。

　　基本原则二：高效表达

　　内容不要过于臃肿，表达要清晰有条理，简单直接。不要影响到页面打开速度。页面载入时间过长，会影响销量。

　　基本原则三：要掌握客户最关心的点

　　你所认为客户最关心的地方，往往并不是客户最关心的;不同的产品客户所需求、所关注的地方不同，不同的产品顾客关注的地方也是各不相同。

　　了解了设计的基础原则之后，我们一起来看看：一个页面如何从抓住眼球到最终成交的逻辑，让页面深入人心，让页面可以帮助你说服你的消费者。

　　一、吸引顾客 留住顾客

　　客户的需求：产品独特的卖点(与别人的产品不同的地方，产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。

　　比如说，服装类的产品顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。

　　而功能性产品比如说保健品之类的，顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点，比方说缓解疲劳。需要打出来一点吸引人的地方，你的产品与别人的为何不同，优势在于哪里。这里主要可以分为：近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上市、产品创意、强视觉、名人效益、限时限量等。

　　以下简单举例：

　　左边的产品是冬天的衣服。怎么吸引买家看下去?冬天买衣服除了看款式，更重要的是保暖。图片营造出一种温暖的气氛，暖色的背景外加女模特头上的灯光，给人以温暖的感觉，符合顾客心里的想法。

　　右边的产品是夏天带的防晒头盔，为什么会带?就是因为夏天太晒，但是带上难免会有点热，这时候用冰块的背景和雪山给人以冰凉的感觉，对抗炎热夏天，不仅防晒更强调清凉舒爽。

　　以上就是主题氛围，主要还是给顾客以代入感。

　　上图左边的产品是保健品，卖点是可以延缓衰老，这就是顾客所能得到的实际利益。设计上因为是保健品，注重天然、自然，所以背景用的水果，然后前面的女人面带微笑显得很年轻，整体给顾客一种年轻健康的感觉。

　　右边的图是卸妆水，除了卸妆以外可以细致毛孔，补水紧致，清爽温和，这些都是买卸妆水的顾客所需要的。而实际的功能和利益是需要文字和图片结合的，这类产品一般文案都比较多，所以更要注意文案的排版，一定要有规律，要做到有序、有层次、有重点，同时也别忘了运用背景的烘托效果。文案和背景的绿色清新相呼应，让人深刻地感知到产品的功能性。

　　上图左边的产品是百岁山矿泉水，不需要过多的修饰，就一句话：水中贵族百岁山，富含多种微量元素。我们的水就是好，就是水中的贵族，就是和别人的不同。此类产品主要吸引人的地方就是文案。

　　右边的产品是无烟不粘锅，可以看做是生活的主张：你用了这个东西逼格就高了!此类的设计主要是背景烘托文案，突出文案来吸引顾客。也可以放几张顾客使用的照片，强调大家都在使用，引发跟风从众的心理。

　　上图左边的产品是运动时候带的那种耳机，所以以强视觉的方式展现，就是类似于电影海报的方式，吸引顾客的眼球，让顾客有看下去的欲望。但此类设计比较考验阅历和合成功底，不仅仅需要好看，更需要和产品以及文案相贴合。

　　右边的产品就是很常见的新品上市，这也是一种很常见的吸引顾客的.方式。人都是有一种喜新厌旧心理和对新鲜事物的好奇心，这类的整体详情页应该围绕新品、新功能、新感受来做一个整体布局。

　　二、提升顾客兴趣 确认需求

　　上面提到的只是吸引顾客看下去的方法，顾客看详情页面主要还是想买东西的，因此必须要有顾客想要看到的元素。

　　产品的参数一定要有，并且写清楚。有的产品还需要测量方法等，方便顾客选择合适的尺码，这样第一显得专业，第二也方便顾客选择合适的尺寸。

　　鞋类产品最好在产品参数里面加上选码须知。如果产品比正常尺码小的话，一定要标注出来。

　　产品的细节一定要尽量展示得详细一点。比如：包包的各种角度展示，然后内里、拉链部分。如果是品牌的产品，品牌的LOGO一定要展示清楚，产品的走线一定要展示清楚，这样才能提升产品整体的品质感。

　　衣服的细节尽可能地展示清楚，也可以在旁边加一个全景展示和细节的对比。排版上面可以不拘一格，更具有引导性，像上图右边使用的就是线的引导。

　　上图左边的产品是女包，背景里的海鸥、大海、飞扬的女人裙角，给人一种奢华大气的感觉。不用文字描述，就能显示出产品的品质。这就是视觉设计简单易懂的原理，千万不要大篇幅的文字说明，既不显得高端，又会让人抓不住重点。

;

---

珲春市14747051972： 淘宝店铺详情页怎么做更吸引买家 四步成功的方法 - ？
荆怨口服： 详情页作为客服接触的第一感官是很重要的,很多卖家都是非常重视,淘宝店铺详情页怎么做更吸引买家?下面一起来看下详情页四步制作注意事项.一、核心疑问顾客为什么要购买你的产品?产品有没有打动顾客的地方,这是他们最关心...

珲春市14747051972： 详情页怎么做?详情页制作心得分享下呗?哪里做的好? - ？
荆怨口服： 想做好一个详情页的话,首先详情页制作尺寸必须确认好. 如果尺寸设置错误,那最后就前功尽弃了.不同的偏高太尺寸是不同的,所以在制作的时候一定要注意.然后可以将策划好的详情页内容请专业的设计师设计出来. 在详情页设计的颜...

珲春市14747051972： 怎样做好淘宝电商详情页 - ？
荆怨口服： 怎么做好淘宝电商详情页,我介绍几点:一、淘宝电商详情页的作用 淘宝电商详情页是提高转化率的入口,激发顾客的消费欲望,树立顾客对店铺的信任感,打消顾客的消费疑虑,促使顾客下单.优化淘宝电商详情页对转化率有提升的作用,...

珲春市14747051972： 宝贝详情页是怎么布局的 - ？
荆怨口服： 宝贝详情页如何布局?我们就通过详细的分析淘宝宝贝详情页的设计与制作大体的几个思路.布局:宝贝详情页面规划的思路淘宝交易的整个过程,没有实物,没有营业员.不能口述也不能感觉.宝贝描述页面就承担起推销一个宝贝的所有...

珲春市14747051972： 淘宝详情页怎么设计有吸引力? - ？
荆怨口服： 淘宝详情页的设计内容包括:1、收藏+关注 2、焦点图 3、产品详情+尺寸表4、模特图 5、食物平铺图 6、场景图 7、产品细节图 8、推荐热销单品9、同类商品对比 10、买家秀展示 11、搭配推荐 12、品牌文化介绍 13、购物须知

珲春市14747051972： 如何做淘宝详情排版 - ？
荆怨口服： 一丶宝贝详情页的作用 宝贝详情页是提高转化率的入口,激发顾客的消费欲望,树立顾客对店铺的信任感,打消顾客的消费疑虑,促使顾客下单.优化宝贝详情对转化率有提升的作用,但是起决定性作用的还是产品本身. 二丶设计详情遵循的...

珲春市14747051972： 为了降低跳失率,商品详情页的设计应该注意什么 - ？
荆怨口服： 注意卖点一定要清晰,注意图片已经要整体和细节相结合,不同角度的细节图产生的效果也是不一样的,卖点不要太多,1-2个就可以了,大小顾客疑虑方面需要使用到:优质顾客留言展示,资质证书展示,卖家实力展示

珲春市14747051972： 设计师(美工)拿到文案后该怎样寻找设计思路 - ？
荆怨口服： 我这里有关于详情页的设计思路,希望对你有用 一张好的详情页有两个基本属性.首先是美观,其次是刺激点(痛点).整体上是逻辑清晰,宣传有力,看完让人有消费的冲动,基本上就是成功的详情页了. 在开始做一个款之前,需要做充足...

珲春市14747051972： 如何设计一个优秀的电子商务产品详情页 - ？
荆怨口服： 想要做出一个优秀的电子商务产品详情页,就要先充分了解你的产品,和购买你产品的客户群体,缺一不可的.要具备的几个条件:1、感观上要美观,整齐,简约;2、内容上,要体现出两大内容:产品的特点和产品能给消费者带来的利益好处!

珲春市14747051972： 做电商美工怎样设计好一张淘宝详情页 - ？
荆怨口服： 电商运营主要是淘宝天猫的店铺运营,类似实体店铺的店长 电商美工是做页面设计,详情页设计的,就是你打开店铺看到的图片,页面都是美工做的.