腾讯新闻:测一测你的平成肥宅指数
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例:测一测你的平成肥宅指数
品牌:腾讯新闻
亮点:
- 创意定位
日本天皇退位,“平成”时代结束,新天皇年号“令和”,腾讯新闻紧随此热点事件推出的H5作品,用户在作品中通过回答关于动漫方面的选择题,生成自己的肥宅指数海报,最后可以在海报界面点击链接登录腾讯新闻就此事推出的专题板块,浏览相关新闻。
- 策划逻辑
加载完毕后进入标题界面,有一小段对于主题的解说语,点击“进入答题”开始测试①一共九道题,每题四个答案,题目涵盖了众多我们熟悉的日本动漫作品,如果用户点击的答案正确,则答案后出现绿色的对号,反之则选择的答案后出现红色的叉叉同时正确答案后出现绿色对号,然后自动进入下一题。②答题完毕后生成海报,海报包括用户的肥宅指数,总结词,和一句解说,用户可以在此界面选择重新答题,保存海报,或者登陆腾讯新闻专题界面,查看此次天皇退位的相关报道。
- 设计上
以动漫内容为题目的作品,页面也是漫画风格,界面设计简约清淡,只有初始界面和海报界面使用了较为夸张的字体,一个手持飞镖的忍者在开始和结尾出现,呼应了“日本”漫画这个主题。
- 体验上
作品简单易操作,画风温馨舒适,背景音乐轻快活泼,每次答题题目会有不同,答题过程中发现原来我们已经看过了这么多动漫,几乎涵盖了成长的每个阶段,只不过“平成”时代都落幕了,有些动漫还没有最终话,真的很能扛啊!
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号