在保险这个垂直领域 电商产品主图的设计思路分
在淘宝的店铺设计中,产品主图作为产品的流量入口,对引流有着关键作用。本文主要介绍在金融保险这个类别下,产品主图的设计要注意的点,和对应的设计方法。
Part 1 关于产品主图
商品的产品图,就是出现在各电商网站上的产品照片或者图像。
在淘宝的店铺设计中,一般可分为常规的产品主图和直通车两种。本文主要介绍的是,在保险这个垂直领域,电商产品主图的设计。
常规产品图/主图
搜索结果下方排列的产品,由产品主图和产品文字信息组成,按销量或其他条件排列的搜索结果没有竞价排名。
产品主图也在店铺首页和产品页面出现,作为产品的流量入口,对引流有着关键作用。
众所周知,淘宝商城的实物类商品所占比最高,这类型的商品通过真实的产品照片给买家带来最直观的感受。
例如
生鲜类
牛排是新鲜的、好吃的;配色让人感觉是高级的。
3C类
iPhone 7是新配色是红色的,苹果产品图都是高逼格的。
童装玩具类
玩具是五颜六色的,吸引儿童和家长的注意
美的东西是让人无法抗拒的,天然具有吸引力,当产品图中出现高颜值商品时,买家的注意力自然会被商品所吸引并且点击进去,而图片中甚至无需太多说明描述的补充信息。
,面对虚拟服务类的商品时,由于没有直观的实物产品照片做展示,买家在选购时则会相对理性起来。
有人会说,虚拟服务类商品要吸引注意力还不简单,找个高大上的海报模仿一下、或者打一些吸引人的擦边球、又或者搞一些夸张的创意,都会让画面看起来酷炫狂拽吊炸天~分分钟吸引用户来点啊!
这么想就危险了。
Part 2 金融保险类产品主图的设计方法
近年,金融保险类商品在淘宝商城逐渐火热,这种服务类虚拟商品,并没有漂亮的实物商品照片用来展示,设计师要如何设计产品主图才能吸引顾客,并在众多保险产品图中脱颖而出?
1. 保险产品主图的构成
主要由文字说明信息、烘托气氛的场景和人物图片、运营性质的角标和底标(可选)、公司logo,这四个主要部分组成。
现在淘宝主流的保险产品图的结构上下排版和左右排版
目前比较常见的表达方式,是靠意向图和产品名称来传达信息,靠放大品牌或者利益点优势来凸显商品。但想要在搜索结果中脱颖而出,除了这些显性的品牌和利益点,更重要的是如何更深入、准确的传达给顾客一些潜在信息。
2. 产品图中影响用户判断的潜在信息
说到保险,大家必定会联想到金钱、投资、理财等关键字,这些关键字都跟钱相关。用户对钱是很敏感的,在保险电商的产品展示层面,要从视觉上向顾客传递一种感受,让敏感的心情平复起来。这种感受说白了,就是我们想在产品图中传达的潜在信息,来说主要在安全感和亲和力两个方面。
所谓安全感就是渴望稳定、安全的心理需求。用户在保险电商需要的安全感,就是建立"这个品牌靠谱,这个保险产品靠谱"的观念。安全感可以通过设计来强化,信任由此产生,促进了商品的转化。
亲和力是一种使人亲近、愿意接触的力量。很多人对保险的认知是负面的,产生这种观念的原因大多源于过去保险销售人员的不规范销售。这种观念,很难在一时改变,电商产品图的亲和力,是消解人们对保险的负面印象很好的工具。
既然安全感与亲和力这么重要,如何在设计中传达这两点呢?
3. 产品主图的安全感
当前的很多的产品主图,为什么让人缺少安全感?
1)淘宝售卖的同类保险,除了各家公司logo的区别,产品主图看上去很雷同。意向图和文字的相似,让人很难判断。
上图为淘宝搜索栏下保险类产品主图,配图也是大同小异,排版也是类似套路
有没有觉得很像!
2)很多虚拟商品的产品图视觉信息杂乱,有着牛皮癣小广告的既视感。
在选购虚拟商品时,看到的却是电线杆小广告,用户会被眼花缭乱的色彩和文字所干扰,这令人严重缺乏安全感。
颜色妖艳信息杂乱的小广告既视感
为了解决以上问题,整体提升产品图带给用户的安全感,我们从配色、配图、版式和一致性这四点来分析
1) 配色
保险的购买,大多数属于一种"弱关系交易",是从用户的自身需求为购买目的。保险交易受用户购买的需求和动力因素波动很大,一点体验上的不足很可能让用户失去点击的动力。花花绿绿的颜色,初学PPT式的字体,很可能让用户给这个商品打上不专业、不靠谱的标记,而放弃点击。
在主图这么小的面积中,信息的色彩不宜用过多,1-2种即可,信息颜色与背景色尽量拉开对比,突出信息表现,让人一目了然。
左图文字信息颜色和配图颜色协调、符合主题,整体感觉统一;右图色彩过多
2) 配图
产品主图的很大面积是由配图组成,构成了用户对这个保险的第一印象。模糊的图片、灰暗的色彩、杂乱的背景都会让人产生粗制滥造、随意的感觉,很难让买家产生安全感。
,我们要尽量找与产品相关的、表现正向的高清图片;背景不宜过于复杂,尽量突出主体;同样,颜色也不宜过多,色彩尽量配合主图整体色调。
左图配图主体清晰、正向,并符合产品主题;右图配图背景杂乱,灰暗模糊
平面设计师
- 平面设计图怎么画 小学生画平面图
- 平面设计内容怎么写 平面设计的求职意向怎么写
- 平面设计图手绘 平面设计图手绘家具
- 平面设计多久能出师 平面设计要多久
- 女生做ui设计师有多累 女生为什么学ui的人很惨
- 哪里有学平面设计的学校 想学平面设计去哪里学
- 初学平面设计用哪个软件 平面设计初学者必备的
- 0基础学平面设计要多久 0基础自学平面设计
- 平面设计手绘培训 平面设计师培训班学费多少钱
- ui工作好找工作吗 ui好不好找工作
- 女生学室内设计吃香吗
- ps平面设计自学教程 平面设计ps入门教程
- 平面设计基础知识大全 平面设计基本常识
- 平面设计基础教学视频 平面设计教学零基础入门
- 平面设计基础教学 平面设计基础教学平时作业
- ui设计主要是学什么 ui设计一般是学什么