腾讯QQ浏览器:十年流行语统考

2019-01-04 H5案例分享 H5案例分享
腾讯QQ浏览器:十年流行语统考


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

十年流行语统考-查阅二维码

完整欣赏此案例大约需要1分15秒


案例:十年流行语统考

出品:腾讯QQ浏览器

亮点:

  1. 创意上

2008年至2018年,中国互联网迎来了一个大爆炸时代,在这十年间也诞生了许多网络热词。在2018年结束之前,QQ浏览器联合猫扑、QQ、百度贴吧、人人网、虎扑五大流行语发酵平台在线出题,组织了一场跨度为十年的流行语统考,从各个维度各兴趣圈子的网络流行语切入,考题范围基本覆盖了全年龄阶段。考题中出现的网络热词是网友在上网时创造的用语,有趣而让人回味,击中“与我有关”的网友心理。本次《十年流行语统考》H5不仅测试用户十年来的网上冲浪成果,而且展现了互联网十年发展的变迁史。

 

  1. 策划上

以“考试资料袋开封”为Loading页,背景音乐《运动员进行曲》一响,《10年热词3周热度》一出,逼真模拟学生年代的声画回想,立刻把人拉近到当年考试的紧张刺激的氛围中。为了让用户尽可能体验到十年流行语的变迁,整个H5虽然只有10道题,但是却有庞大的题库,基本每次玩题目都会变。提交答卷后输入用户昵称便可生成“成绩单海报”的结果页,在结果页下方“搜索直达对答案”植入QQ浏览器“搜索直达”功能,点击即可查看完整答案解析。最后引导用户互动参与,重拾十年冲浪记忆,击中了用户的怀旧心。

 

  1. 设计上

以怀旧复古的色调为主,画面背景则参考经典练习册设计,整体排版布局跟考试卷一致,给人一种朴素严谨的感觉,仿佛回到了当年在教室做题的日子。最后在测试结果页部分,以手绘漫画形式展现不同考试成绩的人物形象,配合“老师寄语”文案,增强画面的趣味性以及怀旧感。

 

  1. 体验上

以流行热词网络段子为考试内容符合年轻人的兴趣,题库量大,每次进入H5题目都会变,具有挑战性。



技术实现: jQuery+Better-Scroller



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

美团:超时空土味蜜史

QQ浏览器 + 电影《影》:脱影而出,回归本我

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~