当前位置:首页 >教程首页 > U I 设计 > UX高级设计师班 >如何设计电商主图提高转化率?

如何设计电商主图提高转化率?

发布时间:2022-01-14 09:57:41

商品主图设计作为电商公司运营过程中较为重要的一块,是目前商家最关注的,也是获得高点击率的重要因素,那什么样的主图才是好的设计呢?本文从视觉层面为大家一一分析。

主图现状

目前各大电商网站上的主图琳琅满目、信息丰富,内容基本涵盖:商品图+价格+各种利益点+若干功能点,把画面撑的非常满,这样的话就导致同质化非常严重,商品跳脱不出来,用户也看不到重要信息,这个时候我们可能就要寻求一个差异化的点,那么到底什么样的商品主图设计才是一个好的设计,才能更好的卖货呢?

1.jpg

在众多主图中,我们总结主图类型分为:纯白底图、纯杂底图、卖点图、营销图、腰带图五大类。

2.jpg

腰带图分析

我们这次重点来分析大家比较关注的腰带图设计

羚珑研究:根据以往 CTR 项目经验,在腰带图的内容架构上包含有:

卖什么,也就是卖什么商品,这个时候商品的选择就尤为重要,给用户的第一直观感觉,包含白底、杂底、设计氛围场景;

主打促销信息,也就是腰带内容的选择,包含价格、利益点、服务保障等;

辅助信息,也就是商品的其他一些次要信息,包含功能点信息、次要利益点、劲爆利益点、服务保障等。

3.jpg

Step1:卖什么-商品图片的选择

从视觉层出发,那商品图片应选白底、杂底、还是设计场景氛围呢? 我们来看看这三个背景的差异:

白底图:偏向商品本身的质感,在用的时候商品图需要高清,且能明显体现商品外观;

杂底图:偏向商品实际用途,让商品融入场景中使用户直观感受到商品的用途;

设计场景氛围图:当手上商品图不多,且很难表现商品的用途时候,就可以用到设计氛围场景,也能够突出商品的直观感受。

4.jpg

这个时候因为行业的差异化以及不同品类也存在着差异化,所以背景就会根据不同品类有不同的选择:

电脑数码类:比较注重商品的品牌以及品质感,这个时候商品图就要突出质感、高清以及外观的可识别性,所以用白底图就比较合适;

家用电器类:比较注重商品的实际用途,如燃气灶,空调等因为是用在生活中的场景,所以用有场景的杂底图或者设计场景氛围比较合适;

美妆个护类:如高端护肤品比较注重商品的品质感,这个时候用白底图就比较合适,当然也有一些护肤产品想要突出商品的功能或者用途,这个时候场景的杂底图或者设计场景氛围比较合适;

母亲亲子类:比较注重柔软,舒适,天然,安全的品质,这个时候用有场景的杂底图或者设计场景氛围就比较合适;等等

5.jpg

当然也有平台的一些要求有些商品图必须用白底图,这时候也需要保障商品的质感、高清、可识别性。

Step2:主打促销信息-腰带信息的选择

在腰带上信息不用太多,重点突出价格以及利益点即可,当然也有一些品类的特殊性,突出的促销内容也会不一样。

零食类:做活动时候,不会针对单个的商品做促销,一般都是所有商品参加活动,所以在腰带上展示领券满减的信息比较合适;

家装家居、家用电器: 比较大件的商品时候,用户关注的是否保修、送货上门,免费安装等比较有服务保障等信息;

美妆护肤品:用户比较注重单个商品的促销消息,如赠品就是很好的体现。

6.jpg

Step3:辅助信息-其他次要信息的选择

我们建议辅助卖点的次要信息不要超过 4 条,重点突出主要想表达的内容即可,不用什么信息都往图上放,不然用户就不知道要看什么。

如上比喻:某商家需要主推某款取暖器商品为店铺引流

背景:我们根据商品特性让用户融入场景中感受到取暖这个功能点,所以选择图片为设计氛围场景来设计这一款商品主图。

内容:重点突出腰带上的价格和利益点,让用户一目了然的知道这个主图的重点,然后加入几条商品的功能点辅助这款商品即可。

当然也有为了达到促销目的时候同时还会有一些次要利益点、赠品、劲爆利益点等的存在,这时候排版建议根据用户习惯内容最好保持在同一侧,除有劲爆利益点的时候可做对角线的排版突出这个利益点。

7.jpg

以上是腰带主图从卖什么-商品图的选择到重点促销信息-腰带信息的选择再到辅助信息-其他信息的选择的视觉分析,以促销信息为主,打价格战而吸引用户的点击。

当然每个平台和事业部都有自己的主图要求规范,本篇主要在视觉上给大家的一些设计分析以及建议,大家还是要在遵守平台规范的前提下来做设计。

作者:京东JellyDesign

学员作品赏析
  • 1903学员阮捍、徐珂小组作品

    1903学员阮捍、徐珂小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

专业问题咨询

你担心的问题,火星帮你解答
  • 网页设计和电商美工什么区别

    很多同学在选择职业的时候常常不知道是选择网页设计还是选择电扇美工,其实二者还是有着很大的区别的,今天小编就和大家来聊一聊,在设......

  • 我是新手如何做电商美工设计

    通常来说,一个好的设计图由产品、背景、颜色、排版、感情几个因素组成。要如何把这几个因素巧妙地融合到一起,这既是技术问题,也是思......

  • 自学电脑插画有可能吗

    很多想要学习插画的小伙伴往往缺少的不是方法而是学习的方式,学习电脑插画并没有很难,大家应该积极培养自己的兴趣,今天小编就和大家......

  • 建筑装潢装修设计要学哪些

    学习室内设计要有着一定方法和技巧,如果只是两耳不闻窗外事,埋头苦读,那么在室内设计这一行业会越走越难,如果泛泛的学习大篇的理论......

  • 学室内设计前景还是首饰设计前景好

    又到了大家准备择业的时候,很多小伙伴对于自己的未来发展很是担忧,对于现在的就业情况来讲,是选择学习室内设计前景还是首饰设计好呢......

  • 专业绘画平板电脑排行

    因为绘画专业的特殊性,所以绘画平板的电脑要相对于其他电脑来说更加优秀,所以大家在挑选绘画平板笔记本电脑的时候,都非常注重比较和......

×