腾讯新闻:测一测你的平成肥宅指数

2019-04-30 H5案例分享 H5案例分享
腾讯新闻:测一测你的平成肥宅指数


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

识别图中二维码

测一测你的平成肥宅指数-查阅二维码

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


案例:测一测你的平成肥宅指数

品牌:腾讯新闻

亮点:

  1. 创意定位

日本天皇退位,“平成”时代结束,新天皇年号“令和”,腾讯新闻紧随此热点事件推出的H5作品,用户在作品中通过回答关于动漫方面的选择题,生成自己的肥宅指数海报,最后可以在海报界面点击链接登录腾讯新闻就此事推出的专题板块,浏览相关新闻。

 

  1. 策划逻辑

加载完毕后进入标题界面,有一小段对于主题的解说语,点击“进入答题”开始测试①一共九道题,每题四个答案,题目涵盖了众多我们熟悉的日本动漫作品,如果用户点击的答案正确,则答案后出现绿色的对号,反之则选择的答案后出现红色的叉叉同时正确答案后出现绿色对号,然后自动进入下一题。②答题完毕后生成海报,海报包括用户的肥宅指数,总结词,和一句解说,用户可以在此界面选择重新答题,保存海报,或者登陆腾讯新闻专题界面,查看此次天皇退位的相关报道。

 

  1. 设计上

以动漫内容为题目的作品,页面也是漫画风格,界面设计简约清淡,只有初始界面和海报界面使用了较为夸张的字体,一个手持飞镖的忍者在开始和结尾出现,呼应了“日本”漫画这个主题。

 

  1. 体验上

作品简单易操作,画风温馨舒适,背景音乐轻快活泼,每次答题题目会有不同,答题过程中发现原来我们已经看过了这么多动漫,几乎涵盖了成长的每个阶段,只不过“平成”时代都落幕了,有些动漫还没有最终话,真的很能扛啊!



技术实现: html5



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

标签

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

相关推荐:

微信:这绝对是你没见过的樱花祭

美图秀秀:包裹正在派送中!TA送你的圣诞水晶球请签收~

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~