2016年惊艳朋友圈的十大H5

Date 2025-02-10 13:53:03

在这个快速变化的时代,如果你想立于不败之地,摆脱被淘汰的命运,你必须迎头赶上,不断创新。在过去的两年里,H5经历了全民的崛起 – 爆发 – 沉淀到再爆炸式增长的过程,以层出不穷的新面孔一次又一次地展现出惊人的生命力。

在这个快速变化的时代,如果你想立于不败之地,摆脱被淘汰的命运,你必须迎头赶上,不断创新。在过去的两年里,H5经历了全民的崛起 – 爆发 – 沉淀到再爆炸式增长的过程,以层出不穷的新面孔一次又一次地展现出惊人的生命力。

2016年即将呼啸而过。让我们抓住今年的尾巴,数一数今年扭转衰退给我们带来惊人感受的十大H5。你刷过哪些屏幕?

1. 微信:我和微信的故事

uisdc-h5-20161230-01.jpg

点评:大数据暖心应用版“回忆杀”

2016年微信公开课PRO版在开始的时候发布了一个引爆朋友圈的轻H5,几页,几乎不需要互动,几个与“我”密切相关的数据统计数据可以让用户分享。虽然微信不提倡诱导转发,但如此温暖的大数据使用,只是唤醒用户的记忆,引起情感共鸣,不刷新很奇怪吗?

2. 豆瓣:我们的精神角落

uisdc-h5-20161230-12.jpg

一句话评论:文清解谜系列H5,戏剧性很强

坚持11年不做广告的豆瓣终于在今年年初发布了一个超级大动作,以“我们的精神角落”为主题,推出了一系列海报、品牌宣传视频和H5。H5分为五章:眼睛、鼻子、耳朵、嘴巴和大脑。从图片到文案,再到互动,它整合了各种形式的表达,只是为了向用户传达一种观点:我的心是丰富的,非凡的,这是我的秘密。从内到外散发出豆瓣的艺术氛围,细节处理是完美的。

3. 宝马:全新BMW M2游刃锋芒间

uisdc-h5-20161230-31.jpg

一句话评论:疯狂酷炫拉破屏幕的速度和激情

宝马官方微信首先以“新闻已被宝马快速删除”的标题迅速吸引了无数人的注意力,然后用阅读原文中的H5完全点燃了用户的速度和激情:宝马 M家族新车型M2从虚拟新闻内页呼啸而出,在多个平台上任性跨越横冲直撞,实现虚拟与现实的无缝切换,视觉冲击应接不暇,声音效果合作淋漓尽致。77分钟内,我获得了10万+的阅读量,并与各行业意见领袖分享。

4. 侠隐江湖:只要功夫深,一个翻滚的H5- 撩妹100分

uisdc-h5-20161230-51.jpg

一句话评论:H5翻转手机,扭转人生,实现武侠梦想

银汉集团制作了一款名为《侠隐江湖》的游戏,只要功夫深厚 调情100分的H5可以通过翻转手机立即扭转生活,从事无助的“凡人模式”转变为开放的“大侠模式”,实现现代人疲惫的武术梦想。它采用了一种简单而有趣的翻转形式和一个有趣而宏大的故事情节,向世界传达了“自然武术,真正的江湖”的游戏概念。

5. NEXT IDEA×故宫:大明皇帝除了会唱歌之外 Rap,还能有多神奇?

uisdc-h5-20161230-71.jpg

点评一句话:大明皇帝穿越故宫玩Rap成为新网络名人的神邀请函

故宫淘宝的萌版皇帝早已深入人心。然而,没想到明朝皇帝变成了横扫朋友圈的H5,但腾讯与故宫跨境合作举办了“Next Idea × 故宫” 腾讯创新大赛的邀请函。H5穿插了各种古今元素,让原本遥远的古人重新焕发活力。充满现代感的幽默诠释让人眼前一亮,极大地刺激了用户的分享欲望。访问量在短时间内超过300W。

6. 361°:我给你画了一幅动画,看完不要哭!

uisdc-h5-20161230-91.jpg

点评一句话:用自己画的小人创造自己的爱情故事

与简单的点击互动相比,引导用户画恶棍来完成一系列动作真的很新鲜。这种形式可能不是第一个,但它不能阻止它的刷新趋势。361°从自己的品牌基调出发,迎合奥运会的主题,鼓励用户勇敢地面对挑战,在生活的比赛中赢得最后。H5情节设置完整,动画效果生动可爱,很容易获得品牌的好印象。

7. 墨迹天气:#天气改变命运#H5,每天都有新的变化,每天都可以玩一次

uisdc-h5-20161230-111.jpg

一句话评论:奥运最强H5

今年恰逢里约热内卢奥运会。墨水天气以#天气决定命运#为主题,推出了奥运会期间每天更新的H5。持续了17个日日夜夜,每天追逐H5热点。原创动画+原创词曲+音乐互动在奥运会闭幕当天发布了月球运动会的大动作视频。W系统地实现了从“工具化”到“品牌化”的价值转变,利用时事热点,以最常见的道理触动人心,从而引发思考。

8. 天猫:尽情享受!天猫通过宇宙给你发了一封双11邀请函

uisdc-h5-20161230-131.jpg

一句话评论:穿越宇宙级镜子沉浸式体验

众所周知,淘宝以“爱做事”而闻名,它的假装能力不是最高的,而是更高的。这一次,天猫双11的H5宣传实现了自我超越。H5融入了目前最流行的虚拟现实技术。用户可以通过手指轻轻滑动屏幕感觉到22五张素材图精心打造的“一镜到底”天猫世界。其中,巴洛克风格与双11“无限、狂欢”的理念巧妙结合,不局限于形式和兼容特征,相得益彰。充满未来感的沉浸式体验令人惊叹,似乎远远超出了H5的原始定义。

9. Dopemine:THE SAVE – 活口:不留活口的H5试试

uisdc-h5-20161230-141.jpg

评论:交互式密室逃脱微电影H5

相信大家都很熟悉密室逃生游戏,但是集影视、游戏、支付于一体的H5却是前所未有的。Dopemine借助微信支付和 H5 强大的表演平台,给我们看游戏,给我们看电影。通过将产品线索与游戏情节相结合,故事情节相互联系,用“色彩”引导用户层层深入,最后引导用户支付1元下载“个性色彩APP”,解开谜团。这相当于用H5完成微电影和小游戏的数量。一个酷的词怎么样?

10. TGideas:为什么腾讯动漫选择薛之谦作为代言人?

uisdc-h5-20161230-161.jpg

点评一句话:当薛式搞笑遇到燃情国漫画时,

说到薛之谦,很多人的第一反应就是“笑话手”。薛笑话遇到热血二次元,化学反应真的不小。薛之谦完美消化了笑话、表演和情节的各种逆转,最终完成了“共同信念,我守护”品牌理念的有效传递。不得不说,腾讯动画app的代言人非常到位。据悉,该 H5 上线后2小时就获得了百万级 PV,平均停留时间也达到了 1 分 49 几秒钟,接近故宫 H5(56.8 秒)两倍啊!

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image