网易一直都喜欢憋大招
根据往日的传播规律
网易一般都是割一两个月出一次爆款
距离上一次网易《英雄已死》H5
已经过去快2个月了
算算网易也该出一个爆款H5了
于是,周二晚上网易的一款《饲养手册》上线
2小时即破百万PV
4小时破千万PV
成为了今年的刷屏H5榜单中的第一位
现已被微信彻底封杀
虽然H5已被封杀
但大家可以复制链接到浏览器或QQ中查看
案例网址:
http://h5.dada.163.com/163/html/news/2019_feed_3/index.html
本案例再度证明
一款刷屏的H5不在于卖弄技巧
而是在于内容是否走心
能否吸引用户的兴趣
除了网易的刷屏H5外
周一的QQ20周年H5一样引发的刷屏
QQ这个主要是以情怀取胜
毕竟QQ已经20年过去了
虽然现在很多人已经不用QQ
但对QQ还是有着自己的怀念
这也是造成刷屏的因素之一
近期的刷屏案例不少
除了网易跟腾讯之外
还有饿了么、QQ音乐、腾讯音乐等项目
也推出了自己的H5
每款H5都有着自己的特色
欢迎大家前来体验

网易新闻:制作你的饲养手册

创意分析:
终于等来了网易今年的爆款H5
该H5上线不到2小时就破百万PV
直接被腾讯彻底封禁
由此可见该H5之火热
据称该H5不到4小时即破千万PV
直接刷新去年《珠港澳大桥》的记录
堪称是今年最快刷屏的H5作品
该H5之所以能刷屏这么快
还是因为网易继续走心
满足了大家的被饲养欲望

技术分析:
技术分析:
一款颠覆了大家对于测试类H5认知的作品
整个H5中充满了各种奇怪的东西
整体玩下来会发现
很多人会有这种感觉:这都是什么H5啊
表情、图形、动画、文案、口头禅混着来
虽然元素混乱但却很好玩
而且最核心的元素是将美食融入其中
让大家选出自己最心仪的三种美食
面对种种美食
很多人表示:这些美食,我全都要!
甚至还有用户说自己体验完H5
直接奔下楼买吃的去了
由此可见网易这款H5带给用户的巨大影响力
通过营造出用户所需的场景
满足了用户的欲望,感受到了用户的想法
而并不是孤零零的给出一个枯燥的测试结果

视觉分析:
整个H5的设计显得即有活力
又充满了各种不经意的荒诞感
从用表情包当答案选项
再到选中答案选项的提示色
还有各种奇怪的元素符号
虽然整体页面花哨显得杂乱无章
但却给人很舒服的感觉
再加上文案和音效的搭配
让人有种沉醉其中的魔力
腾讯:20周年QQ个人轨迹

创意分析:
腾讯已经20周年了
这是腾讯为了纪念自家QQ诞生20周年
而推出的一款纪念H5
虽然很多人现在已经不怎么用H5
但该H5一经推出
还是唤醒了很多人的QQ回忆
通过用户的QQ数据产生共鸣
并且瞬间刷屏

技术分析:
作为一款数据总结类H5
QQ这款H5里面展示的是我们每个人自己的故事
我们和QQ一起度过了多少套
发表了多少个说说和相册
有过多少个好友
我们还能看到自己过去曾经的头像
好友的留言及QQ空间的照片
最后生成一个结果页海报
而且海报颜色也是随机的哦

视觉分析:
设计上从过去一直贯穿到现在
展现QQ20年来历经的各种UI变化
从早期QQ简陋的窗口文字
再到如今酷炫的窗口文字
我们见证了QQ的发展
也经历了QQ的没落
QQ音乐:耳朵你辛苦了

创意分析:
一款非常好玩有意思的H5
可以说得上是一款测试听力的体检H5
打开页面首先映入眼帘的是一只耳朵
可以发现耳朵被各种声音围绕
包括喇叭、音乐、耳机、碟片等
然后进行一系列测试答题
最后生成自己的结果页

技术分析:
作为一款测试类H5
本案例也可以视为是音频听力题
测试题是三道听力题
需要用户带上耳机来听
分别要求对高频音、低频音、音源方向进行判断
当用户完成判断后
会生成自己的耳朵报告
而且结果页里面还有一个很好玩的地方
结果页可以继续下滑翻动
然后会出现“养耳保健品”的提示
虽然很多人会对这些养耳保健品感觉莫名其妙
但这实际上都是QQ音乐中的歌单
无形中为QQ音乐做了品牌宣传

视觉分析:
整个画面设计以手绘卡通风为主
设计的非常好玩且贴合年轻人的时尚感
背景选择浅色系为主
配合上各类测试题元素
凸显了一个有趣的H5
饿了么:当吃货在XX时在想什么

创意分析:
这是饿了么为了自己的
“本地头牌“美食活动而制作的一支H5
场景中”吃货“为了争夺美食
开始互相抬杠并diss
以此活动为创意
引发用户对美食的思考
从而参与投票活动

技术分析:
案例一共有三个场景
分别是八卦时、拍戏时、看球时
H5分别从这几个角度展开吃货对话
会分别就吃什么这个话题进行对杠
具体的内容为炒鱿鱼、盖火锅、炒冷饭三个话题讨论
通过多方辩论的方式
阐述出不同人对于不同美食的理解和喜爱
并且在对话中会出现旁白
引导饿了么的品牌形象出现
提示吃货“各有立场,上饿了么开杠”
并且活动页面会出现“加入开杠”的活动按钮
点击后可以进入饿了么本地头牌美食票选网页

视觉分析:
整支H5以视频+后期视频特效的形式为展现
为了减少用户的跳出及增加用户体验
三个场景的视频可以互相跳转
并且视频拍摄的人物表现十足
整天剧情及节奏把握的很好
腾讯新闻:人类该如何面对第六次生物大灭绝

创意分析:
最近公益类的H5出的很多
继网易之后,腾讯也针对
5月22日国际生物多样性日
制作了一款公益H5作品
整体创意延续腾讯新闻常用的讨论
首先以新闻事件为先导
用户在阅读新闻的时候发现
新闻翻页的阅读越来越快
结合H5特效的形式
告诉人们当前生物大灭绝的严重性

技术分析:
首先打开H5后,出现了的是腾讯新闻的页面
新闻引出地球正处在生物灭绝的时期
并可以下滑了解具体的情况
随后利用下滑的速度感
营造急速的阅读速度感告诉大家
现在生物灭绝的速度
最后提出保护动物和环境的观点
并且可以选择自己认同的三个行动建议
可以分享到朋友圈

视觉分析:
整个设计基于公益环保的目的
因此背景设计为黑白灰的色调
并且一些数据分析的内容为红色展示
通过刺眼的红色强调
人类过往的行为对于生物毁灭性的打击
最后建议人类能够付诸行动
做到保护环境、保护生物、保护地球
热门推荐阅读:
现在登录注册人人秀官网
即可免费领取10000个精品H5模板!
猛戳阅读原文即刻制作
网址:www.rrxiu.net

猛戳下图定制刷屏H5

猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例

点击阅读原文,即刻制作!㊋㊋㊋



