4

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

 3 years ago
source link: https://www.uisdc.com/e-commerce-main-drawing-design
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

我要投稿 编辑: 土拨鼠 作者:JellyDesign 4天前 评论区 阅读本文需 6 分钟

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

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

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

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

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

腰带图分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

欢迎关注「JellyDesign」的小程序

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

点赞 2
收藏 6

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

继续阅读与本文标签相同的文章


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK