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

主图现状

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

电商主图该如何设计转化高?来看京东的实战分析!

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

电商主图该如何设计转化高?来看京东的实战分析!

腰带图分析

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

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

  • 卖什么,也就是卖什么商品,这个时候商品的选择就尤为重要,给用户的第一直观感觉,包含白底、杂底、设计氛围场景;
  • 主打促销信息,也就是腰带内容的选择,包含价格、利益点、服务保障等;
  • 辅助信息,也就是商品的其他一些次要信息,包含功能点信息、次要利益点、劲爆利益点、服务保障等。

电商主图该如何设计转化高?来看京东的实战分析!

 

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

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

  • 白底图:偏向商品本身的质感,在用的时候商品图需要高清,且能明显体现商品外观;
  • 杂底图:偏向商品实际用途,让商品融入场景中使用户直观感受到商品的用途;
  • 设计场景氛围图:当手上商品图不多,且很难表现商品的用途时候,就可以用到设计氛围场景,也能够突出商品的直观感受。

电商主图该如何设计转化高?来看京东的实战分析!

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

  • 电脑数码类:比较注重商品的品牌以及品质感,这个时候商品图就要突出质感、高清以及外观的可识别性,所以用白底图就比较合适;
  • 家用电器类:比较注重商品的实际用途,如燃气灶,空调等因为是用在生活中的场景,所以用有场景的杂底图或者设计场景氛围比较合适;
  • 美妆个护类:如高端护肤品比较注重商品的品质感,这个时候用白底图就比较合适,当然也有一些护肤产品想要突出商品的功能或者用途,这个时候场景的杂底图或者设计场景氛围比较合适;
  • 母亲亲子类:比较注重柔软,舒适,天然,安全的品质,这个时候用有场景的杂底图或者设计场景氛围就比较合适;等等

电商主图该如何设计转化高?来看京东的实战分析!

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

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

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

  • 零食类:做活动时候,不会针对单个的商品做促销,一般都是所有商品参加活动,所以在腰带上展示领券满减的信息比较合适;
  • 家装家居、家用电器: 比较大件的商品时候,用户关注的是否保修、送货上门,免费安装等比较有服务保障等信息;
  • 美妆护肤品:用户比较注重单个商品的促销消息,如赠品就是很好的体现。

电商主图该如何设计转化高?来看京东的实战分析!

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

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

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

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

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

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

电商主图该如何设计转化高?来看京东的实战分析!

 

以上是腰带主图从卖什么-商品图的选择到重点促销信息-腰带信息的选择再到辅助信息-其他信息的选择的视觉分析,以促销信息为主,打价格战而吸引用户的点击,那么非大促时间要以什么方式去吸引用户的眼球呢?如何突出自己的商品呢? 后续我们会进一步分析。

同时怎样才能做到更具象的一些设计对比,羚珑还会有一些 AB 测试和方案,敬请期待~

当然每个平台和事业部都有自己的主图要求规范,本篇主要在视觉上给大家的一些设计分析以及建议,大家还是要在遵守平台规范的前提下来做设计,后续事业部如有一些标准规范我们也将同步在羚珑。

欢迎关注「JellyDesign」的小程序:

电商主图该如何设计转化高?来看京东的实战分析!

收藏 1018
点赞 281

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。