当前位置:首页 >教程首页 > U I 设计 > AI+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

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码入群领福利

扫码领福利最新AI资讯

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定