1、电商文案视觉营销优秀案例剖析CHAPTER TEN 在前面的章节读者已经学到了很多关于电商视觉营销与文案策划的相关知识,但只有理论知识还不够,还需要实际操作,毕竟“实践才是检验真理的唯一标准”。在进行实践之前,应该多了解一些优秀的电商视觉文案案例,并从中汲取精华。掌握服饰行业开展视觉文案营销的方法。掌握食品行业开展视觉文案营销的方法。掌握家纺行业开展视觉文案营销的方法。掌握汽车行业开展视觉文案营销的方法。学习目标Contents目录服饰行业的电商视觉营销案例1家纺行业的电商视觉营销案例3食品行业的电商视觉营销案例2汽车行业的电商视觉营销案例4一、服饰行业的电商视觉营销案例活动图1广告图2首页3
2、详情页4主图5直通车图6一、服饰行业的电商视觉营销案例l 一般服饰行业的活动视觉文案必须具备活动主题、活动时间。l 在设计服饰行业活动视觉文案时要记住用简洁的话语描述关于活动的重要内容,不出现图片排版空洞的情况,不出现色彩冲突的现象。活动主题:活动主题:可以放置促销信息、活动标题、品牌活动时间:活动时间:放置活动开始与结束的具体时间,最好将开始和结束的时间写清楚,包括月、日、时一、服饰行业的电商视觉营销案例l 一般广告图需要注意构图方式是否美观、是否能突出促销主题、是否具有独特的风格等问题。广告主题:广告主题:用显眼的位置、字体、颜色突出广告主题一、服饰行业的电商视觉营销案例构图方式:构图方式
3、:图片和文案两分的构图突出了防晒衫慵懒、透气等特点整体风格:整体风格:整张图由“文案+模特+背景色”构成,营造出了一种青春可爱的氛围,让消费者从视觉上感受到青春的气息一、服饰行业的电商视觉营销案例l 首页能树立品牌形象,分流引导消费者关注商品信息,是营销的好帮手。首屏:首屏:这是首页进入消费者眼中的第一屏,这里采用轮播图的形式,用“黄色+模特+文案”为消费者营造出了浅夏的氛围,并突出了服饰材质舒服、透气的特点一句话文案:一句话文案:用“一寸阳光”给消费者营造出温暖、宁静的氛围,可以增加消费者对商品的信任度,并且增加消费者对每周一、周四上新商品的期待程度一、服饰行业的电商视觉营销案例导航条与店招
4、:导航条与店招:导航条以商品类别分类,让消费者很容易找到自己想要的商品,并且店招设计简洁、排版合理,符合店铺整体的风格分类:分类:简单的分类,呼应了首页的整体色调和风格一、服饰行业的电商视觉营销案例陈列:陈列:本图属于普通陈列,将商品图简单明了地展示在消费者眼前,并且以商品类型来划分陈列格局,商品图简洁大方地展示出了商品的特点,促销文案则能促使消费者产生购买欲望商品分类:商品分类:以“图片+文字”的形式做分类,能让消费者更清楚地了解分类信息,并且增强了首页视觉效果一、服饰行业的电商视觉营销案例图片分类:图片分类:图片色调相似,增加了整体的美观性甜美分类:甜美分类:此分类做成了富有活力、甜美、可
5、爱的风格,很容易吸引到想拥有甜美风格衣服的消费者一、服饰行业的电商视觉营销案例系列分类:系列分类:以商品系列分类,让消费者能迅速找到适合自己的商品细节陈列:细节陈列:以某类商品的某一特性为主题进行文案撰写,展示出此类商品的特点,吸引消费者的眼球一、服饰行业的电商视觉营销案例l 首页的首屏是由店招、导航条、首焦(广告图、海报)组成的,这三个组成部分一定要在色彩、风格上达成一致,不能反差太大,那样会显得很突兀,且会模糊品牌定位,破坏视觉效果。异域风:异域风:利用“模特+文案+背景颜色”体现出了异域风情名媛风:名媛风:利用图片和文案烘托出气氛,将消费者引入文案的意境中,引导消费者穿上该裙能变得庄重,
6、提升气质一、服饰行业的电商视觉营销案例文艺风:文艺风:整张图以模特的背影画面为主,文案简短精辟,将消费者带入了一个文艺、宁静的意境小清新风:小清新风:利用背景颜色和活泼的文案字体,将消费者带入小清新的氛围中一、服饰行业的电商视觉营销案例复古风:复古风:此图将消费者带入复古情境,引导消费者将自己想象成一个笑靥如花的书香门第的女子清爽风:清爽风:利用图片烘托出清爽的氛围,突出商品的风格一、服饰行业的电商视觉营销案例l 详情页是展示商品特点的重要位置,可放置商品细节、商品设计理念等信息。第一屏:第一屏:第一屏介绍设计理念往往是不错的选择,此图利用文案烘托出优雅、时尚的氛围,通过“模特图+文案”的解说
7、,将消费者引入一个随性、优雅的遐想空间模特展示:模特展示:模特从不同的角度进行商品的展示,将商品的每个“面”都展示出来,且模特背景图的色调需要风格一致,可以不添加文案,只专注于视觉的呈现一、服饰行业的电商视觉营销案例l 在详情页里还有一个重要的要素就是细节展示,一般电商企业都会辅以简短的文案对细节图进行详细诠释。细节展示:细节展示:这是一种直接截取细节部分的图片进行展示的方法,并在每个细节上加入一句简短的文案来突显细节的特点、风格、理念等一、服饰行业的电商视觉营销案例细节展示:细节展示:这种细节展示方法的缺点是不能让消费者更加清晰明了地了解细节在整个商品中的位置细节展示:细节展示:这种方式的细
8、节展示并不会太过全面,只会就一些消费者通常会在意的地方进行展示说明,一般介绍领口、缝线、拉链、面料等一、服饰行业的电商视觉营销案例l 主图是商品的脸面,消费者对主图的第一印象直接决定着其对商品的印象,所以主图的呈现方式很重要。一般服饰行业的主图很少出现标新立异的结构,几乎都是由一个模特、一幅背景,或者再加一些促销标签组成的一、服饰行业的电商视觉营销案例差异化:差异化:利用模特的不同展示状态来区分同类型的商品差异化:差异化:同类商品的不同展示背景可以突显出各商品的不同特点,而合适的背景能彰显商品独特的风格与韵味一、服饰行业的电商视觉营销案例促销:促销:一般服饰行业带有促销信息的主图不会放置过多的
9、促销标签,只要突出重点标签即可细节化:细节化:在主图中展示小细节也很适合服饰行业,需要注意的是,展示出的细节不能盖过商品图的风头,应让消费者先注意商品再注意细节图一、服饰行业的电商视觉营销案例l 在服饰行业,直通车图上一般会放置一些促销信息,或者只有一个好看的商品图片而没有文案。位于搜索页右侧,服装行业经常将促销信息放置直通车图上,并会用简短的文案明确地表述活动时间及活动主题位于搜索页右侧,在直通车图上,服装行业经常会利用点明价格的方式来吸引消费者的注意力Contents目录服饰行业的电商视觉营销案例1家纺行业的电商视觉营销案例3食品行业的电商视觉营销案例2汽车行业的电商视觉营销案例4二、食品
10、行业的电商视觉营销案例活动图1广告图2首页3详情页4主图5直通车图6l 电商食品行业的活动图重在突出活动主题,因此建议用最简单、直接的文字将活动呈现出来。二、食品行业的电商视觉营销案例突出活动主题:突出活动主题:此图旨在突出活动主题“寻味觉醒踏青季”,符合彼时的季节,便于在众多活动中引起消费者的注意二、食品行业的电商视觉营销案例突出活动内容:突出活动内容:此图以“带着美食去旅行”为活动主题,并突出“满39元包邮”这一活动内容。图片界面很卡通,视觉效果不错突出活动主题:突出活动主题:此图将活动主题放在正中间,以集中的构图形式,突出活动主题l 电商食品行业的广告图很简单,就是直接将“商品+促销信息
11、”展示到消费者的面前。二、食品行业的电商视觉营销案例广告图利用“促销文案+商品图”的方式,引起消费者的兴趣和购买积极性二、食品行业的电商视觉营销案例色彩:色彩:此图的配色给人一种浪漫的感觉,再加上商品图与文案的完美配合,让消费者产生深刻印象,并以“买就送樱花勺一个”来刺激消费者的购买欲望制造限制:制造限制:将图片与文案一分为二地排列,鲜明地突出广告主题,再以“珍藏”“仅3万瓶”来刺激消费者的购买欲望,催发消费者加快购买二、食品行业的电商视觉营销案例l 电商食品行业的首页很多都千篇一律,很少像其他行业那么花哨,其陈列的模式几乎都是普通摆放;首屏以广告图为主,极少用一句话文案的海报图。店招与导航条
12、:店招与导航条:食品行业经常喜欢在店招上放置商品的推广信息二、食品行业的电商视觉营销案例首焦:首焦:将文案中的“妈妈爱满分”体现得淋漓尽致,图片中的场景很容易让消费者联想到自己的孩子,引发消费者渴望孩子能健康成长的心理情感,引导消费者多留意店铺的商品构图:构图:此页面构成一个S形的视觉动线,引导消费者跟着S形的线条来浏览首页的商品图色彩:色彩:氛围色蓝色,功能色白色,搭配色粉色二、食品行业的电商视觉营销案例陈列:陈列:体现出了整齐统一的陈列特点,即采用统一的色调、统一的格局,并且以Z字形为构图方式,将消费者的视线聚集在一处,这是最常见的构图方式导航区:导航区:以“商品图片+文字”的形式排列,将
13、商品类型、品牌清晰明了地展现在消费者面前,便于消费者快速找到自己想要的商品二、食品行业的电商视觉营销案例l 详情页是促使消费者购买商品的重要页面,如果详情页得以有效利用,能引发消费者对商品产生难以割舍的感情,并促使购买。第一屏:第一屏:食品行业的详情页第一屏往往是一些广告,往下翻才能看到商品的详细内容,这是电商食品行业先推广商品再介绍主要商品的常用方法,需要注意的是,推广的商品要与主要商品的类型差不多,不然就会给消费者一种驴唇不对马嘴的感觉文案为主:文案为主:食品行业的详情页几乎很少出现模特图,商品的细节图也要根据商品类型进行安排,展示商品细节的部分要靠文案才能将细节表述出来,文案字数一般不少
14、于10个,此图即用一些篇幅的文案介绍了消费者为什么要买此咖啡,以及此咖啡的特点、优势二、食品行业的电商视觉营销案例工艺:工艺:食品行业详情页图片以图片为主、文案为辅的情况比较多,此图就以这种方式将咖啡的产地及工艺清晰明了地展现出来,让消费者能进一步了解该咖啡,体现出了该店铺的贴心,给消费者留下一个好的印象情感文案:情感文案:该文案将喝咖啡的过程用文字的形式诠释出来,这可以提升消费者的购买欲望二、食品行业的电商视觉营销案例实力展示:实力展示:以品牌历史展示企业实力,引导消费者对商品产生信任潜意识诱导:潜意识诱导:买家评价是利用潜意识引导消费者购买商品的好帮手二、食品行业的电商视觉营销案例l 食品
15、行业的主图一般都属于引人垂涎的类型,只要能引起消费者的食欲,就能产生一定的点击率,如果主图上再加上鼓舞人心的文案,如促销信息、价格等,那么绝对会引起消费者的购买欲望。点明分量:点明分量:点明分量是常用的方式,因为大部分消费者都会想知道商品的分量是不是划算层叠构图:层叠构图:食品用层叠构图,可以让整个图片饱满起来,使消费者看着非常有食欲二、食品行业的电商视觉营销案例活动:活动:主图显示出活动主题,图片以商品图为主,活动为辅,活动时间也要说明清楚卖点:卖点:食品主图可以从食品的材料着手,找到卖点,给消费者一个购买的理由二、食品行业的电商视觉营销案例l 一般食品直通车图与主图的要求是差不多的,图片能
16、引起消费者想吃的欲望就算成功,不过直通车图较侧重促销、活动等。包邮与价格:包邮与价格:包邮在电商领域是常见的促销手段,深受消费者的追捧,如果价格合适,则能引起消费者的点击兴趣位于搜索页右侧:位于搜索页右侧:此图剖开商品,将食品的特点完美地展现在消费者眼前,让人垂涎欲滴,再加上合适的文案体现出商品的品质。由此可见,剖开商品能更详细地展现商品二、食品行业的电商视觉营销案例l 食品直通车图的构成有几种模式,如果电商企业没有好的想法,可以根据以下几种模式进行食品行业直通车图的制作。Contents目录服饰行业的电商视觉营销案例1家纺行业的电商视觉营销案例3食品行业的电商视觉营销案例2汽车行业的电商视觉
17、营销案例4三、家纺行业的电商视觉营销案例活动图1广告图2首页3详情页4主图5直通车图6l 家纺行业的活动图的要求跟其他行业是差不多的。三、家纺行业的电商视觉营销案例突出主题:突出主题:在家纺行业的活动图上,要将商品的活动时间、主题说清楚,再将活动商品表述出来l 家纺行业的广告图非常简单,就是重点放置促销信息。三、家纺行业的电商视觉营销案例直观促销:直观促销:此图直接将促销信息展现出来,并且将商品图片和诠释商品特点的文案相结合,给消费者一种接地气的感觉,加入了购买按钮,从潜意识上吸引消费者的点击用简短的文案来突显商品材质和舒适透气的特点,加入价格和“1100名立减100”的文案,更能吸引消费者点
18、击购买l 家纺行业首页跟食品行业的首页有所不同。家纺行业的首页没有那么花哨,“文案+商品图片”的形式用得比较多,且多以商品风格来分类。三、家纺行业的电商视觉营销案例一句话文案:一句话文案:这张首焦图用简单的5个字就将商品卖点淋漓尽致地展现了出来三、家纺行业的电商视觉营销案例首屏:首屏:店招和导航条虽然精简却不失可读性。搭配文案和商品图片,可以烘托整个店铺优雅、简约的氛围分类:分类:将商品按照不同用处进行分类,用“简约的文案+图片”让消费者自己考虑这是否是自己想要的家纺商品三、家纺行业的电商视觉营销案例在分类之后,立马陈列商品,加深消费者对商品的印象,这种Z字形的陈列方式,便于消费者快速浏览文案
19、及商品图片保障:保障:在家纺行业的首页,一般都会有品质保障、无条件退换等质保信息,多位于首页的最下方l 电商家纺行业的详情页模特图比较少,且多以关联销售开头。三、家纺行业的电商视觉营销案例关联销售:关联销售:将与本商品相关联的其他商品放在详情页,可以提高关联商品的点击率三、家纺行业的电商视觉营销案例一句话文案:一句话文案:体现了此商品的火爆程度介绍商品:介绍商品:将商品的优势、特点等用“文案+图片”的形式表现出来,不会显得太古板,而且还具有可读性,这样可以使消费者产生一种信赖心理三、家纺行业的电商视觉营销案例商品颜色:商品颜色:介绍了商品有多种颜色可供选择述说品牌特点:述说品牌特点:条理清晰地
20、将品牌特点一一说明,首先从商品的材质出发三、家纺行业的电商视觉营销案例述说品牌特点:述说品牌特点:对于消费者来说,家纺的工艺设计也是他们比较看重的,所以将商品的设计讲出来,也可以提升商品在消费者心中的印象述说品牌特点:述说品牌特点:消费者用得舒服才是硬道理,而一般的消费者想要家纺商品具有透气、亲肤、温和、柔软等特点,只要家纺商家抓住这几点进行商品展示,定能吸引关注这些特点的消费者三、家纺行业的电商视觉营销案例述说品牌特点:述说品牌特点:环保是消费者选择家纺商品时重点考虑的一个方面,商品质量好、实用性强又环保,是消费者选择商品的理想状态商品细节描述:商品细节描述:介绍完品牌之后,就可以主打商品细
21、节的描述了,先用商品细节图将商品细节展示出来,然后通过文案的描述,将商品面料的舒适感、亲肤感体现出来三、家纺行业的电商视觉营销案例不放过小细节:不放过小细节:一个小细节都不要放过,只要是商品材质、功能和消费者在意的方面都得作为细节部分进行展示,让消费者更加深刻地了解商品的特点实力展示:实力展示:实力展示可以增强消费者对商品的信赖程度,也可以展示企业的实力,提升企业的声誉及品牌影响力,展示的内容可以是线上线下的售后服务三、家纺行业的电商视觉营销案例l 家纺行业的主图一般都很简洁,不会出现“牛皮癣”的情况。商品商品+品牌品牌Logo:这是家纺行业常用的主图展示方式,这种方式便于消费者挑选款式和品牌
22、,效果很不错三、家纺行业的电商视觉营销案例给安全感:给安全感:“给安全感”不管在哪个行业都是推广商品的惯用手法。所谓的“给安全感”就是用文案来给消费者做保证,使消费者消除防备心理,进而购买商品加入文案:加入文案:加入文案增加消费者对商品的了解,不过文案字数不要太多,一句话即可,文案最好能突出商品卖点三、家纺行业的电商视觉营销案例l 家纺行业的直通车图跟主图一样,都是简洁的风格,不会出现太多的促销信息。标明价格:标明价格:将原价与现价都标出来,让消费者自己来判断是否实惠,并规定时间期限,给消费者制造紧迫感三、家纺行业的电商视觉营销案例卖点:卖点:此图的卖点是由“商品质量+送运费险+包邮+图片”组
23、成的,整个界面构图清晰、不凌乱,可以增加消费者对商品的了解背景:背景:一般家纺行业的直通车图都用房间为背景,体现出四件套在房间里的展示状况,可以称之为带入情景图Contents目录服饰行业的电商视觉营销案例1家纺行业的电商视觉营销案例3食品行业的电商视觉营销案例2汽车行业的电商视觉营销案例4四、汽车行业的电商视觉营销案例海报图1活动图2广告图3首页4详情页5l 汽车行业的海报图一般都是采用一句话文案的方式。四、汽车行业的电商视觉营销案例一句话一句话+场景:场景:此图采用“一句话文案+场景”的模式,让消费者能直观地感受到这部汽车的加速之快,给消费者以强大的视觉冲击力四、汽车行业的电商视觉营销案例
24、以人为中心:以人为中心:用一句充满力量的话来告诉消费者汽车的风格和品牌的态度带入情景:带入情景:将汽车放在一个山坡上,然后配上文案,给人一种崇尚自由的感觉,容易将消费者引入一个快乐的、开车狂奔的意境中l 电商汽车行业的活动图有一个特点就是喜欢整张图铺满汽车,这样可以突显出汽车的气势。四、汽车行业的电商视觉营销案例秀阵势:秀阵势:在活动图上放置不少于3部汽车,可以烘托出活动主题及气氛,然后再用显眼的文字突出活动时间与主题简单活动图:简单活动图:利用引人注意的文案,突出优惠感l 汽车行业的广告图与其他行业的不一样,多为直接体现价钱的广告图。四、汽车行业的电商视觉营销案例虚化背景:虚化背景:汽车广告
25、的背景虚化后,会显得汽车像在动一样,同时在广告图上以“首付8000元”来引起消费者的购买欲望四、汽车行业的电商视觉营销案例直接点出价格:直接点出价格:直接点出价格,可以让消费者心里有个底,看自己能不能接受这样的价格集中构图:集中构图:此构图将消费者的视线都集中在中心点,更容易使消费者注意到商品,同时配上文案,激起消费者的购买欲望,并且用与商品颜色相同的色彩来突出促销信息l 汽车行业并不像家纺、服装、食品等行业的电商做得那么成熟,并没有能直接付款的电商网站,只能通过第三方网站进行定金预付、试驾预约、二手买卖,以及报价、性能、车型的查询等。一般专门销售汽车的网站首页都做得比较简单。四、汽车行业的电
26、商视觉营销案例首屏:首屏:有简约的导航条、登录和注册按钮、城市选择列表,以及搜索栏,让消费者能快速搜索到自己想要的汽车,并且还有轮播促销海报图四、汽车行业的电商视觉营销案例为消费者推荐商品消费者须知:消费者须知:包括买车指南、企业信息及联系电话等四、汽车行业的电商视觉营销案例l 电商汽车行业的详情页没有其他行业的复杂,但是很简洁,细节比较多。商品主图商品主图+基本信息:基本信息:将商品的品牌、名称、车型和促销等基本信息放置在第一屏上,让消费者对汽车有一个基本的了解四、汽车行业的电商视觉营销案例优惠政策:优惠政策:展示出商品的优惠政策,吸引消费者的注意力,使消费者有进一步了解商品的兴趣购车流程:
27、购车流程:让消费者对购车流程有一个清晰的了解,更便于消费者浏览和购买汽车四、汽车行业的电商视觉营销案例车型列表:车型列表:展示出汽车的所有车型,让消费者在浏览时一目了然,减少消费者打开页面的时间核心优势:核心优势:告诉消费者商品的优势,突出商品的特点,引起消费者的购买欲望四、汽车行业的电商视觉营销案例l 电商汽车行业详情页的界面普遍为简洁的风格,便于商品在视觉上的呈现,汽车的购买方法、购车流程、核心优势、商品主图等都是需要放置在详情页上的。商品外观:商品外观:对商品的外观细节进行介绍,如行车灯、后视镜、尾灯等四、汽车行业的电商视觉营销案例后排:后排:一般需要附上关于后排的细节图,如储物空间及其扩展和开关的方式等前排:前排:在详情页细节图中,一般需要附上关于前排的细节图,如方向盘、排挡杆、前排座椅、多媒体导航等课后习题1请为某男装设计网店,并简述设计思路。2请根据本章内容列举其他的电商视觉文案设计的优秀案例,并分析它们的优势。