2017年H5发展趋势如何？ - 知乎18被浏览3408分享邀请回答4添加评论分享收藏感谢收起Socialmouths2017营销案例合集第六期
用微信扫描二维码分享至好友和朋友圈
用微信扫描二维码分享至好友和朋友圈
　　6月，Socialmouths陪你走过了儿童节、高考、父亲节&&半年过去了，感谢每一位用户一直不离不弃地关注着我们呢。Socialmouths一直以来为用户输出优质新鲜的营销案例，也将继续努力在这方面做得更好，为每一位用户带来更好的案例内容。　　与此同时，六月份的国外营销案例也已经输送给用户，如有不知道的小伙伴们，请戳第六期《六月国外营销案例汇总》。　　如果还有没有关注的小伙伴们，可以点击右上角蓝色的字加入我们的用户大家庭哟~　　接下来是本期的社会化营销案例合辑盘点。　　天猫儿童节“回忆超市”　　在今年6月1日，也就是儿童节之际，全球首家“天猫回忆超市”在北京市朝阳区北锣鼓巷以快闪店的形式亮相，吸引了众多80后、90后。　　　　　　不仅店里的商品都是20多年前的同款，更是邀请了伴随着80后、90后的童年一起成长的著名电视节目主持人金龟子（刘纯燕）当一日店长。　　　　此外，还有线上下单当日达，使不能来店里的用户能方便地买到自己的回忆。相关负责人曾在某视频中提到，我们希望让（天猫）用户在家就能买到自己想要的儿时的零食。　　　　　　Social说 　　触动消费者内心最柔软的地方，并引起大多数用户的内心共鸣，这样的手法很常见，但着实管用。　　麦当劳：制作属于自己的“准考证”　　今年的6月7号到8号，麦当劳利用高考这件事，推出了一款H5“点击制作自己的准考证”。　　　　　　这款H5的目的主要是为了推广新套餐——“麦满分”套餐。BBDO告诉我们，这也是麦当劳第一次为早餐系列提出“满分挺你”的品牌概念，希望可以借高考这一话题在消费者心中建立一个“麦满分”的形象。“所以我们的目标人群从一开始就不只是高考生，而是所有可能会消费麦当劳早餐的人。”这也就是麦当劳为什么把产品定位定在所有经历过高考的过来人，而不是今年的考生上，对于高考生可能更需要的是一个感同身受的人给他讲自己的高考故事。　　麦当劳还做了专属的“准考证”的UI以及细节设计，从已经泛黄的准考证纸到现在二维码式的准考证，从上个世纪的红军帽到现在各种样式的发现，给参与互动的人提供不同的高考体验。　　Social说　　针对不同年龄，不同身份的受众群体，对产品进行不同受众的多样设计，这是一个很好的case。　　肯德基携手薛之谦演绎冷笑话　　为了给肯德基新产品现磨冰咖啡进行宣传，薛之谦参与拍摄一组“人生就是冷笑话”的广告。广告中能体现产品中的“冰”字，在炎炎夏日中，冰凉的事物总能给人们带来享受的体验。其次，薛之谦本身作为一个明星，有着自己的粉丝，肯德基利用这个粉丝群体吸引消费；以及薛的个人幽默风格在广告中的体现，也是肯德基作为其推广营销策略之一。　　Social说　　利用明星特质与明星效应是肯德基此次宣传策略的重点。　　优信二手车变形出发　　前几周，《变形金刚5》（以下简称《变5》）在国内各大院线上映。此次的亮点主要是优信二手车植入全球版本《变5》。在影片上映前几天的优信发布会上，宣布了植入《变5》的消息。　　　　　　据悉，此次优信经过了一年多的沟通，最终成功植入《变5》，并成功说服导演迈克尔·贝为优信执导并剪辑广告宣传片，而优信之所以能够打动导演，除了中国市场之外，更重要的还是优信这一品牌对汽车文化的认同感。　　　　Social说　　不仅仅是一个品牌，下至个人，上至民族，文化的认同感，对于提升本民族文化影响力是很重要的。　　百威啤酒携手陈奕迅拍科幻片　　百威，作为世界级的啤酒品牌，一直以来利用电子音乐在中国市场做营销。从2014年起，百威开始连续举办“中国百威风暴EDM电音节”。　　　　今年6月，百威又携手香港著名歌手陈奕迅打造了一部创意科幻微电影。影片名称与陈奕迅同期推出的专辑名称一致——《放》。　　　　　　自影片6月21日正式在全平台上映后，短短几日，就在社交平台获得不小的关注度。在新浪微博，平台播放量就已突破700万，相关话题讨论、阅读量近300 万。　　Social说　　影片中所呈现出来的压抑、单调的环境，类似北上广大城市生活工作压力大的人们；唯一与主流灰白黑色调不同的色调搭配，就是酒吧众人狂欢的红白色调，两者形成鲜明对比。给人一种释放真我的感觉。快速精准击中受众人群生活工作上的痛点，与受众达成感同身受的联系，是抓住受众的心的关键。　　芝麻信用：史上最长广告　　如果你恰好住在上海，上班或上学途中经过静安寺地铁站，在6月6号这天前后，你可能会被一段很长长长长长长长长长的广告所吸引。这是蚂蚁金服旗下的芝麻信用为 “6月6号信用日”活动所做的宣传。6.6信用日是阿里公司为了推广芝麻信用自创的节日，消费者在当天可以通过芝麻信用享受诸如免押金租车、租房、租手机数码产品等服务。　　　　　　对于这样一个文案，又是如何进行营销的呢？　　地铁作为大城市人流量非常大的交通工具，广告营销公司当然不会放过这样一个机会。众多地铁刷墙广告，比的就是谁更能吸睛。据相关人士透露，它由广告公司天与空团队制作，而蚂蚁金服给出的要求是，让消费者完成自传播、并围绕“信用，让生活简单点”的传播主体来做文案创意。　　在生活简单这个主题下，天与空团队将人们生活中会遇到的、可能重复遇到的、办理不便利的事情，用简单粗暴的重复形式呈现出现。这就类似于“鬼畜”视频，这种恶搞趣味的创意正符合快节奏压力大的人们的品味。　　　　　　Social说　　不一定要太华丽，不一定要多么复杂，简简单单或许才最好。　　QQ音乐：全球首家数字音乐快闪店　　6月30号，QQ音乐携手在三里屯太古里，打造了一家实体数字音乐快闪店。这座建筑外形像一座巨大的收音机，夜间外表不同颜色的灯光勾勒出“收音机”的线条，和白天呈现出来的景象截然不同。　　　　　　进入场馆首先你会看到由多个复古式音箱组成的前台。然后，是各种功能区，试听区、播放皮肤区、专辑墙以及立体歌词海报墙。　　　　　　　　　　　　Social说　　将虚拟音乐平台实体化，并打破传统快闪店形式，展现了腾讯公司的实力与创新并存。　　
特别声明：本文为网易自媒体平台“网易号”作者上传并发布，仅代表该作者观点。网易仅提供信息发布 平台。
阅读下一篇
网易通行证/邮箱用户可以直接登录：您的位置： &
新媒体时代下时政报道的新模式——以2017年全国两会报道中H5新闻为例
优质期刊推荐2017年最全H5分类（干货收藏）
H5凭借无需下载、即点即用的属性迅速上位，发展势头甚至压过强大的APP，将会改变移动互联网格局。这种种迹象表明，H5页面的时代已经到来。
基于H5技术，营销花样层出不穷，也有不少成功的H5营销案例“霸占”朋友圈，让整个移动互联网产业见识到HTML5将给这个产业带来的新的转变与机遇。
作为资深的H5开发者，今天来总结下时下H5的分类，当然难免有纰漏和错误，也请读者们给我建议。
按照展示效果分类
全景/VR型/AR
典型例子有天猫双十一的《穿越宇宙的邀请函》，另外淘宝的《淘宝购物节》、本田的《2016广州车展线上VR展厅》、有道云笔记的《星际探索之旅》等也是全景/VR类的H5。
3D画面操作
典型例子有《杜蕾斯美术馆》、《Nike：每双球鞋都有一个故事》、《百度钱包“百付宝邀请函”》等。
重力感应型
典型例子有Juice Up的《你敢在办公室瘦吗》和伊利的《为最爱的Ta倒一杯好奶》。
双屏互动型
最典型的有杜蕾斯五一劳动节的《双屏互动游戏》。
按照展示形式分类
视频动态型
案例有宝马的《该新闻已被BMW M2快速删除》、腾讯《穿越故宫来看你》等
场景重构型
场景有朋友圈、微信、微博、报纸等等。例子有《这个陌生来电你敢接吗？》、《吴亦凡疑似入伍》、腾讯的《薛之谦史上最疯狂的广告》、支付宝的《大误事报》等
按照展示内容分类
游戏娱乐型
游戏型的H5有测试题、选择题类的，也有动作游戏类的。如《围住神经猫》、网易的《画小人》、《泳池大乱斗》等。
信息普及型
最典型的就是大众点评的《我们之间只有一个字》。
比如腾讯的《穿越故宫来看你》、华为荣耀的《老佛爷圆明园直播》、小米的《如果清朝有手机》，《使命召唤online》
还有一种新型的分类，就是大屏互动型。这种一般使用场景是大型会场，如年会、晚会等。
精品如互吾平台的《互吾大屏互动》，专为年会开发制作，实现投影仪、PC、手机等设备同步更新画面，支持一起互动游戏等。
电脑端体验网址：
手机端体验网址：
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。2016年-2017年H5设计趋势:全屏视频动画广告
UI设计者 – 一个免费自学UI设计APP
2016年-2017年H5设计趋势:全屏视频动画广告
发表于: &·
·& 1,240 views &·&
全屏视频动画有什么优势？
把动态变换的场景占满手机整屏，配上与情节环环相扣的音效，让观众把所有的注意力放在内容上，叙事空间极大。
表现形式：主要用全屏视频、图片轮播2种形式
滴滴的《童年阴影合辑》，算是9月最火的视频动画了。前面还在讲小红帽被骗的童话故事，冷不防冒出个滴滴人脸识别功能。
如果你经常留意H5广告，肯定还知道腾讯最近出品的H5也基本都是视频。最出名的是之前刷爆朋友圈的《穿越故宫来看你&
有垂直视频（就是能竖着手机观看的全屏视频），也有横屏视频
只要视频长度合理，H5的体验不会轻易被中断，因为我们只需要盯着手机看。
安卓端，3种解决方案
（1）你就是腾讯创作团队的人，或和他们有合作项目。
因为微信浏览器进行了特殊配置，并对一些域名作白名单处理，以此担保视频在安卓设备的微信浏览器播放能隐藏播放器。所以，这大概是腾讯系爱在H5里放视频的原因之一，应用上本来有一定特权。
（2）把视频放大一点，要么直接设计超出屏幕的视频。视频尺寸大于屏幕，如果超出的范围比较大，就能让播放控制条跳到屏幕之外。
在iH5后台编辑H5的界面，可以直观看到这两种应用：
▲放大视频的显示比例
▲设计特定尺寸的视频
案例参考：H5《审讯室》
（3）图片轮播，如果在网页缓存一连串的图片序列帧，连续播放，也能达到没有播放器的视觉效果
参考案例：《国窖1573月映中国》
策划全屏动画故事的刻画很重要，在故事表达上比较好才行。
作者/Seedheart
本文链接: http://www./shejiqushi/
同学自发组织群
Copyright&2016&&& 京ICP备号 |}