电商详情页设计基础分享,详情页设计4大要点

电商详情页是品牌店铺提高转化率的最重要因素之一,一个好的设计可以激发用户的消费欲望,帮助用户树立对店铺产品的信任度,打消顾客的消费疑虑,促进用户下单,优化产品详情页可以提升转化率。详情页要与产品主图、产品标题相契合,产品详情页必须真实地介绍出产品的属性。

下面我们来看看各大电商平台的详情页尺寸

淘宝:宽750px,高度不限;

天猫:宽790px,高度不限;

京东:宽990px,高度不限;

一号店:宽750px,高度不限;

唯品会:宽990px,高度不限;

蘑菇街:宽720px,高度不限;

Tips:虽然高度不限,但是最好总长度和高度控制在2万px之间,单张的切片高度在1500px之间,如果这家店铺天猫和淘宝都有,我们就要先做天猫的,再把790px的图片同比例缩小到750px就可以了,还有我们PC端使用最小字体像素不能小于14px,移动端最小20px来进行设计,一定要注意图片素材和字体使用,是否有版权问题,尤其是有一定知名度的店铺,这个潜在风险是非常大的,不要使用非授权素材。

一、详情页卖点图

卖点图算是整个详情页的重中之重,很多商家感觉自己有详情页但还是转化率不高,可能就是因为卖点这块没研究明白怎么写。

什么是卖点?我们首先要想清楚消费者对什么感兴趣,是注重品质、价格、或者口碑,这些都是卖点,而你的卖点需要提炼修剪,把你的优势衬托出来,而不是随意做出一些不存在的功能、用途、性能等,如果与描述不符,消费者就不敢去下单,对后面店铺的运营也会造成影响。 通过阿里指数的大数据排列出几个常见的卖点:

1、低价引流

这算是吸引消费者最直接的办法,也是很多商家都会用的一个卖点,如打折、低价、包邮、赠品等方式。

2、款式的吸引

不是所有的人都会看到一个降价就会去买东西的,总要有人要买需要的,这时候你商品的款式就成了另一个卖点了,它会用款式、外观来引流,造型的美观、独特的产品更能在同样的产品中更吸引消费者。

3、功能材料

功能材料大家都了解,就是字面的意思,商家如果能长期的吸引客户回购,那这款产品就是非常成功的,你的功能性好,你的材料耐用,自认能保证消费者们的粘性。

4、文化卖点

我们发现现在很多国外的产品到中国后不是都有市场的,可能因为没有考虑中国或亚洲文化特色,所以要融入当地环境情感等因素。

5、品质创意图

利用创意特色来吸引消费者的方法已经越来越多了,大家都想着自己的东西比同行的有特色从而形成差异化。 除了质量外,首先会吸引到别人的就是你的创意图设计,因一张图来实现转化率已经不稀奇了。 比如:你的图片全都是用手机拍的低像素图片,而同行的包装和创意图、文案等都安排上了,你觉得两者之间消费者会选你的产品吗?

二、详情页设计要点

1、首屏创意海报

我们要了解的一点是,详情页整个页面很长,有些消费者没太多耐心全部看完,抓住这点我们就要用第一屏的创意设计来吸引消费者们,引导他们往下看下去。

2、整体页面协调

每款详情页对应一款产品和主题,主题风格跟产品不同,每种风格给人带了的感觉和气质都各不相同。比如:

高贵气质:通常都是简洁有质感,或做出种奢华、华丽等感觉。

文艺特色:这类页面所用的色彩往往都是以清新淡雅为主,给人一种柔和、宁静的感觉。

年轻时尚感:页面通常做的棱角分明,颜色亮丽,通常用亮色来点缀。

科技感:往往以深色、蓝色调为主来做,或加入一些机械零件等,或棱角矩形之类。

3、布局设计规划

左右布局:因其屏幕占比率较大,这类主要都以PC端为主,现在大部分流量都转到移动端了,现在反而不多见了,大家知道就好。

1字型布局:这种布局让人有种厚重硬性的感觉,一定要用一些质量很高的模特大图来制作,不然根本做不出效果来。

S型布局:相比于常见的平铺直叙类型,这类会让人显得有趣味性,常用在儿童用品类或女性物品。

Z字型布局:与S型作用类似,这种倒是多用在男性产品或科技类产品中。

楼层式布局:这类页面很简洁也比较好把握,通常设计节奏在背景方面由深-浅-深-浅这种布局进行,方便与我们预览阅读。

自由布局:这种设计没有太多固定模式,排版全都被分割成一小块一小块,而且页面做出来往往是看着简洁,但对设计的人来说,排版这块要求会很高。

这种设计很适合那些走高端路线的时尚服饰类,不建议新手来尝试。

三、详情页细节

1、内容装饰

装饰性内容在详情页中是起到了让内容更加丰富饱满的作用,而为了让详情页看起来更美观,很多人喜欢加入一些英文字母来点缀,我们要知道英文在这里面是一个装饰元素,切记不要做的太大或者颜色过深而喧宾夺主。

2、用色原则

因为我们详情页的长度问题,在用色上就不宜用大面积的色彩背景,如用上一些低明度色彩:灰色、黑色、白色等作为背景较好,彩色的颜色用在一些标题或卖点图上做点缀即可。

3、统一调性

做详情页一定要保证色彩、标题、布局和风格气质的统一,不然整个页面会显得杂乱不堪,让人看不下去。

四、总结

详情页的作用除了让消费者们了解产品,更重要的是能给商家带来销量的提升,一张优秀的详情页设计。

设计师首先要做的不是设计,而是思考确定整体页面的方向,一张详情页的完成有一半的时间拿去思考制作的方向,一半的时间才用于设计。

做设计时我们一定要学会先去思考,再下手做,才能慢慢增加自己对设计的理解从而更上一层。

原文出处:厚孜网络

填写您的联系方式获取报价

*请认真填写需求信息,我们会尽快与您取得联系。

请使用微信扫一扫