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