如何让你家店的主图脱颖而出?屋顶秧田工装
转自:众安ZED,微信号zhongan_zed
PART 1. 关于产品主图
在淘宝的店铺设计中,1般可分为常规的产品主图和直通车两种。本文主要介绍在保险这个垂直领域,电商产品主图的设计。
主图作为产品的流量入口,对引流有着关键作用。
尽人皆知,淘宝商城的实物类商品所占比最高,这类型的商品通过真实的产品照片给买家带来最直观的感受。
例如:
生鲜类
牛排是新鲜的、好吃的;配色让人感觉是高级的。
3C类
iPhone 7是新配色是红色的,苹果产品图都是高逼格的。
童装玩具类
玩具色采艳丽,吸引儿童和家长的注意。当产品图中出现高颜值商品时,买家的注意力自然会被商品所吸引并且点击进去,图片中无需太多文字描写。
但是,面对虚拟服务类的商品时,由于没有直观的实物商品照片做展现,买家在选择和比较时则会相对理性起来。
PART 2. 保险类产品主图的设计方法
最近几年,金融保险类商品在淘宝逐步火热,这类服务类虚拟商品,并没有漂亮的实物商品照片用来展现,设计师要如何设计产品主图才能吸引顾客,并在众多保险产品图中脱颖而出?
1. 保险产品主图的构成
主要由文字说明信息、烘托气氛的场景和人物图片、运营性质的角标和底标(可选)、公司logo,这4个主要部份组成。
现在淘宝主流的保险产品图的结构:
目前比较常见的表达方式,是靠意向图和产品名称来转达信息,靠放大品牌或利益点优势来凸显商品。
但想要在搜索结果中脱颖而出,更重要的是如何更深入、准确的转达给辐射4士兵工作服代码顾客1些潜伏信息。
2. 产品图中影响用户判断的潜伏信息
说到保险,大家一定会联想到金钱、投资、理财等关键字,这些关键字都跟钱相干。用户对钱是很敏感的。
因此在保险电商的产品展现层面,要从视觉上向顾客传递1种感受,让敏感的心情平复起来。这类感受说白了,就是我们想在产品图中转达的潜伏信息,总结来讲主要在安全感和亲和力两个方面。
所谓安全感就是渴望稳定、安全的心理需求。用户在保险电商需要的安全感,就是建立“这个品牌靠谱,这个保险产品靠谱”的观念。安全感可以通过设计来强化,信任由此产生,增进了商品的转化。
亲和力是1种令人亲近、愿意接触的气力。很多人对保险的认知是负面的,产生这类观念的缘由大多源于过去保险销售人员的不规范销售。这类观念,很难在1时改变,但是电商产品图的亲和力,是消解人们对保险的负面印象很好的工具。
既然安全感与亲和力这么重要,如何在设计中转达这两点呢?
3. 产品主图的安全感
当前的很多的产品主图,为何让人缺少安全感?
很多虚拟商品的产品图视觉信息杂乱,有着牛皮癣小广告的既视感。
在选购虚拟商品时,看到的却是电线景区售票员工作服杆小广告,用户会被眼花缭乱的色采和文字所干扰,这使人严重缺少安全感。
色彩妖艳信息杂乱的小广告既视感
为了解决以上问题,整体提升产品图带给用户的安全感,我们从配色、配图、版式和1致性这4点来分析:
1) 配色
保险交易受用户购买的需求和动力因素波动很大,1点体验上的不足极可能让用户失去点击的动力。花花绿绿的色彩,初学PPT式的字体,极可能让用户给这个商品打上不专业、不靠谱的标记,而放弃点击。
在主图这么小的面积中,信息的色采不宜用过量,1⑵种便可,信息色彩与背风景尽可能拉开对照,突出信息,让人1目了然。
左图文字信息色彩和配图色彩调和、符合主题,整体感觉统1;右图色采过量
2) 配图
配图构成了用户对这个保险的第1印象。因此模糊的图片、昏暗的色采、杂乱的背景都会让人产生粗制滥造、随便的感觉,很难让买家产生安全感。
因此,我们要尽可能找与产品相干的、表现正向的高清图片;背景不宜过于复杂,尽可能突出主体;一样,色彩也不宜过量,色采尽可能配合主图整体色调。
左图配图主体清晰、正向,并符合产品主题;右图配图背景杂乱,昏暗模糊
3)版式
公道排版和突出关键信息,让人1下子捉住重点。
在搜索结果中显示的主图,面积有限,不宜放置太多的信息,尽量少的文字描写才能把关键的信息放大吸引注意。
1般依照左右或上下的结构来安排画面,信息可以做大小对照但不宜做变形,1定要对齐,给整体画面注入秩序感容易浏览。
左图信息抱团,左对齐为主,利用字号对照强调重要信息;右图小字太小,版式结构和信息的对齐方式影响浏览。
以800px*800px的主图为例,40像素以上的文字,在搜索结果列表的图片里便于浏览,40像素以下字号偏小。
4)1致性
众安保险天猫旗舰店现有几10款保险产品,我们在设计这些产品图时也充分斟酌了1致性。从版式、配图风格、字体,区分于其他保险店铺,构成统1的众安产品图的style。想要在保险产品主图同质化问题严重的情况下突围,产品图必须具有自己的品牌个性。
除主图本身的1些视觉表现外,还需要注意的是主图与店铺与产品商详页视觉上的1致性,用户点击产品主图进入商详页面后给予1种“说话算话”的感觉,产品与买家间的信任关系也由此产生。
4. 产品主图的亲和力
亲和力源于人与人的心灵上的通达与投合,有亲和力的双方就有了合作的意向。拉进买家与我们商品的心理距离,从而产生最大的转化。
加强保险产品图的亲和力,要注意以下两点:
1)加强包容能力,对用户的理解
理解用户,就要知道用户喜欢看甚么,传说中有3种万能素材图,无人不爱,那就是:美女、动物、婴儿。为何是这3类,由于漂亮和软萌的东西大家都不会反感。
保险产品图也是这样,要理解受众的心理,不但要有外在美,还要有内在。那末下图中打电话的美女医生和专业严谨的医生团队,哪一个素材能够给用户美而且专业的感觉?不言而喻。
左图专业高大上;右图不难看,但是不专业
字体也能转达亲和力,简洁的无衬线字体更容易到达效果。我们在产品图中使用的中文无衬线字体,笔划精致柔和,字形慎重,可读性强,更加容易让人接受。
我们选用的有亲和力的字体
2) 图片转达正向情绪的表达,避免烦躁情绪的干扰破坏
发自内心的微笑,自但是然的让人有亲近感,减少了心里对保险的抗拒。家庭和睦、家人团圆的欢乐生活,家庭幸福的愿景,这也是保险希望表达的。明亮的色采,代表了1种积极向上的态度,让人看后活力满满。
素材图片要转达正向的情绪和氛围
PART 3. 小结
不同类目属性的产品,由于其销售主体的不同,产品图的内容和风格各不相同,但是设计的目标都是相同的€€€€提高转化。
产品图优秀的缘由,是根据不同产品属性特点,给买家带来的不同的感受,需要具体问题具体分析。落实到保险电商产品来讲,产品主图给买家带来的感受主要是安全感和亲和力。
色采、配图、版式和1致性,从这4点展开设计可以给用户带来安全感,提升信任度。而亲和力是保险主图应表达的情感,有助于拉近买家心理距离。
广大电商设计师朋友,不要由于产品主图小而疏忽它,认真对待产品主图设计,举1反3,方寸之地可让你的店铺和产品脱颖而出。
€€ 点这儿,来3个设计师的微博获得更多干货