赞助商
立即赞助

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

电商设计3年前 (2021)发布 流光
2.6K 0 0

品主图设计作为电商公司运过程较为要块,是目前商家最关注,也是获高击率要素,那什么样主图才是好设计呢?本文从视觉层为大家分析。

主图现状

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

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

在众多主图,我们结主图类型分为:纯白底图、纯杂底图、卖图、销图、腰带图五大类。

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

腰带图分析

我们这次重点来分析大较注的腰带图设计

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

  • 卖么,就是卖么商,这个时候商的择就尤为重要,给户的第一直观感觉,包含白、杂、设计氛围场景;
  • 主打促销信息,也是腰带内容选择,含价格、利益、服务保障等;
  • 辅助信息,也就是品的其他一次要信息,包含功能点信息、次要益点、劲爆益点、服务障等。

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

 

Step1:卖么-商图片的择

从视觉层发,那商图片应白、杂、还是设计场景氛围呢? 我们来看看这个背景的差异:

  • 底图:偏向商品本身的质,在用的候商品图需要高清,且能显体现商品外观;
  • 杂图:偏向商实际途,商融入场景中使户直观感受到商的途;
  • 设计场景氛围图:手上商品图不多,很难表现商品用途时候,可以用到设计氛围场景,也能够突出商品观感受。

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

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

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

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

当然也有的一些要求有些商品图必须用底图,这候也需要保障商品的质、高清、可识别性。

Step2:主促销息-腰带息的选择

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

  • 零食类:活动时候,不会针对单的商品促,一般都所商品参加活动,所以腰展示领券满减的信息比较合;
  • 家装家居、家用器: 比较大件的商品候,用户关注的是否保修、送货上门,免费安装等比较有服保障等息;
  • 美妆护肤:户较注重单个商的促销消息,如赠就是很好的体现。

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

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

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

如比喻:某商家需主推某款取暖器商品店引流

背景:根据商品性让用户融入景中受取暖这个功能点,所以选择图片为计氛围景来计这一款商品主图。

容:重点突腰带上的格和利益点,户一目了然的知道这个图的重点,然后入几条商的功点辅助这款商即可。

然也有为了到促销目时候时会有些要利益、赠品、劲爆利益等存在,这时候排版议根据用户习惯内容最好保持在侧,除有劲爆利益时候可做线排版突出这个利益。

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

 

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

同时怎样能到具象的一些设对比,羚珑还会一些 AB 测试方案,敬请待~

当然每个和事业部都有的主图要求规范,本篇主要在视觉上给大家的一些计析以及建议,大家还是要在遵守规范的前提下来做计,后续事业部如有一些标准规范也将同步在羚珑。

注「JellyDesign」的小程序:

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :借着今天的随手拍照片做海报分享的机会,重点给大家分享一些我在海报设计排版方面的心得和思路。 往期回顾...
做设计的面条
随着这几年电商行业的飞速发展,国人年轻一代审美不断提升,对设计的要求自然不可能停滞不前,更多的是注重品牌、平台属性、...
电商设计
优惠券是我们电商中最常见的活跃用户的一种方式,简单的设计就能带来巨大的客流量。虽然小小的一张优惠券并不会占用太多的版...
京东
大家好,雷德思和寨透们,又到了一年一度的双11,天猫第12个双11啊,时间过的真快啊,今年一眨眼又快没了。 溜溜梅旗舰店 | ...
双11
做运营设计六年+,在此总结出一些小经验跟大家分享,应该能够帮到进阶中的你。 一、前言 选材(25)+背景(25)+文案设计(40...
Banner设计
本篇内容是围绕插画 Banner 三个层次中的画面元素层的延展内容。 在拿到设计需求,没有什么想法的时候,可以参考以下画面元...
Banner设计
@做设计的面条 :做设计的时候经常毫无头绪或者看不出自己的问题在哪里?相信你们看完这篇5个改稿对比案例后,会对自己平时所...
实战案例
60份行业统计和趋势报告,为你揭示电商行业的未来趋势!
2018设计趋势