《任务五H5场景化营销ppt课件.pptx》由会员分享,可在线阅读,更多相关《任务五H5场景化营销ppt课件.pptx(36页珍藏版)》请在三一办公上搜索。
1、移动电子商务,北京市商业学校,项目二 移动电子商务营销,学习目标,知识目标,掌握移动电子商务营销中常见的方法及注意事项;掌握强关系营销相关的概念;掌握移动电商下的粉丝经济基本方法与注意事项;掌握移动电商下的网络直播平台及其发展趋势与盈利模式;掌握移动电商下的H5优势与表现形式;掌握移动二维码营销的基本思想。,能力目标,具备进行基础移动电子商务营销的能力;具备进行简单强关系营销的基本能力;具备对粉丝经济进行策划与开展简单粉丝经济的能力;具备开展简单直播经济的能力;具备设计简单的H5的能力;具备制作简单二维码的能力。,学习目标,任务一,移动电子商务营销概述,任务二,强关系营销,任务三,粉丝经济,任
2、务四,直播经济,任务五,H5场景化营销,目 录,任务六,二维码营销,任务五 H5场景化营销,情境导入,情境导入,一、情境概述,李敏在一家游戏APP开发公司上班,近期需要推广一款新开发的APP,她想到了自己微信朋友圈经常看到的一种广告,也就是H5。这种广告不仅有动画特效与音乐,而且传播性也很强,她想利用这种方式去推广新开发的APP,效果应该会更好。那么,李敏该怎么做呢?,情境导入,二、情境分析,李敏想要利用H5对公司开发的游戏APP进行推广营销,她首先得了解以下几个问题:,1.什么是H5?2.H5与传统营销设计相比较有什么优势?3.H5的设计流程是什么?4.在利用H5进行营销时有哪些注意事项?,
3、技能学习,技能学习,一、技能支撑,1. H5画面的表现层面,H5的画面直接表现在原型图的构思和规划上,它是具体执行的第一步,也是上手设计H5的开始。H5的画面表现可以分为三个层面:视觉气氛、形式感、参与互动。,技能学习,一、技能支撑,(1)视觉气氛(传递情感)良好的视觉气氛可以更好地引导用户理解设计者想表现的意图,每支H5的设计目的和内容都不同,自然它需要营造的视觉气氛也不一样,不同气氛会牵连不同元素。例如肯德基在2016年春节期间推出的H5宣传页,整个页面表现出猴年春节的气氛。,1. H5画面的表现层面,技能学习,一、技能支撑,(2)形式感(打动用户的重要方法)好的形式是H5页面受不受欢迎的
4、重要参考标准,这已经经历了用户的多次考验。而优秀的作品却时常关注情感,洞察人们的内心世界。,1. H5画面的表现层面,技能学习,一、技能支撑,(3)参与感(H5设计的爆点)参与感不同于“形式感”,它指用户可以通过H5定制带有自身特征的内容并能够参与到内容的创作与传播,往往这类H5内容比较容易受到欢迎,并且极为容易创造出来非常夸张的刷屏效果,但创作难度又往往较大。,1. H5画面的表现层面,技能学习,一、技能支撑,2. H5与传统营销设计比较的优势,(1)H5的设计展现形式是综合的,交互概念的贯穿,使得能够把很多形式串联在一起。互动形式也较为丰富,各种触控滑动点击、摇一摇、重力感应、环境感应等,
5、都会和设计形成互补关系,给用户带来新体验。表现形式已经从单一的视觉转化到了更广阔的领域,而且在内容灵活度上也达到了前所未有的可操控性。,技能学习,一、技能支撑,(2)一方面,H5能够借助服务器的数据来对内容的方向和打法作出分析和计划,另一方面,不再需要长久的制作等待,投放也变为了上线,点一下的功夫就能把内容推到受众面前,设计文字存储在服务器也可随时修改调整,能够和用户阅读内容同步,修改灵活自如,大大地提升了创作效率。,2. H5与传统营销设计比较的优势,技能学习,一、技能支撑,(3)H5能够自传播,将做好的内容直接分享出去就可以造成传播,如果作品出彩,甚至可以不做任何投放,就达到很好的传播效果
6、。,2. H5与传统营销设计比较的优势,技能学习,一、技能支撑,3. H5的表现形式,(1)幻灯片形式,幻灯片是H5最初期也是最典型的形式,由于简单、实用,所以至今还很流行。其效果就是简单的图片展现与翻页交互,效果很像幻灯片的展示。,技能学习,一、技能支撑,3. H5的表现形式,(2)交互式,可口可乐的H5营销是应用H5绘图功能的典型例子,如图所示。这里面的交互还是比较简单的,只不过它基本体现了交互式动画的感觉。,技能学习,一、技能支撑,3. H5的表现形式有哪些?,(3)功能式,如图所示,第一个是百度针对地铁涨价做的H5,它可以计算人们每天坐地铁要多少钱,并实时显示大家的评论。第二个是社交移
7、动风云榜,就是精品H5的展现。,技能学习,一、技能支撑,4. H5的设计流程,01,02,03,04,05,了解需求,设计表现,数据统计,确定形式,开发执行,技能学习,二、案例学习,腾讯动漫,技能学习,二、案例学习,1.选人,薛*是一个特殊的明星,因为他是娱乐圈唯一一个粉丝们期待广告比期待新歌更多的明星。除了歌手之外,薛*身上还有段子手的标签,微博上2000多万粉丝每天都在盼着他接新的广告,出新的段子。,技能学习,二、案例学习,2.发布时间,薛*的H5是在11月24日晚上9点半上线的,李敏的朋友圈内第一条出现的转发出现在9点45分左右,随后呈现井喷之势,几乎每两三分钟就会出现新的分享,所有微信
8、群几乎都分享了这个H5。,技能学习,二、案例学习,3.形式,薛*的人设就是段子手,这次的H5当中,不仅是脚本、台词,甚至包括服装及表演形式等,都十分符合他的人设气质,可以说是一气呵成。另外,这次的H5从技术上看,其实只是一个绿幕环境下拍摄的视频而已。,技能学习,三、技能提升,1. 使用H5进行营销的注意事项,1,3,2,4,H5访问时间,H5阅读页数,H5渠道排行,H5阅读页数,技能学习,三、技能提升,2. H5与平面设计版式的不同,从平面到H5内页的改版,手机媒介会因为内容信息的拥挤给人疲劳感,从而影响信息传达,画面尺度和媒介特征的不同是二者第一个区别。,(1)画面尺寸差异,技能学习,三、技
9、能提升,因为手机屏幕尺寸的特性,H5的画面常规阅读习惯却是从上及下的,并且内容带有动态性,会对视觉的牵引产生作用,这直接影响到了常规排版思路。所以,阅读方式的改变和动态元素的加入是它与平面设计的第二个不同点。,(2)阅读方式,2. H5与平面设计版式的不同,技能学习,三、技能提升,多数打开H5网页的用户,要么是在无目标地翻看手机页面,要么是在外赶路,他们是被H5的标题吸引或者朋友的推荐偶然间打开的页面。多数人观看时处于三心二意的状态,精力分散并且没有明确的目的性,这样会导致复杂的信息难以被接受,非常不适于带有深度性的阅读。,(3)内容接受习惯不同,2. H5与平面设计版式的不同,要点回顾,随堂
10、练习,随堂练习,一、填空题1.H5是_的简称,运用该语言制作成在微信朋友圈中经常看到的,点开后可以_、带_、有音乐之类的非常精美的内容。2.用户访问高峰集中在_点至_点和_点至_点。3._的呈现主要集中在纸媒体和视频媒体,在平面呈现上比较单一,全是_,设计的动画视频与用户有_。4.高访问量的H5页数多集中在_页。,随堂练习,参考答案:1.html5;滑动翻页;动画特效。2.11:00-14:00;20:00-23:00。3.传统营销设计;静态画面;距离感。4.6-10。,随堂练习,二、多项选择题1.良好的( )可以更好地引导用户理解设计者想表现的意图,( )指用户可以通过H5定制带有自身特征的内容并能够参与到内容的创作与传播。A.视觉气氛 B.参与感 C.形式感 D.设计2.H5营销时需要注意( )。A.阅读页数 B.受欢迎的形式C.访问时间 D.渠道排行,答案:1.AB 2.ABCD,随堂练习,二、多项选择题3.H5的表现形式包括( )。A.幻灯片式B.功能式C.交互式D.二维码式,答案:1.ABC,随堂练习,二、多项选择题4.H5排版不能( ),元素相对平面设计要( ),电子屏显示字体需要更大。A.过于复杂 B.控制页数 C.精简 D.注重色彩,答案:1.ABC,谢 谢!,