realme&京东:崩溃自救指南
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:崩溃自救指南
品牌:realme&京东
亮点:
1.创意定位
这是realme手机联合京东推出的测试类H5,通过5测试题,测试出用户的崩溃指数。
2.策划上
①封面是一段动画,画面自动向下移动进入测试。②测试部分一共5道题,每道题都分为两个页面,一个页面讲述题目背景故事,另一个页面是选项页。每道题给出一个场景,邀请用户选择出最让自己崩溃的事情。③5道题都回答完毕后,出现一段过场文字,来自房东的猫的歌曲《real me》歌词。随后出现结果页,结果页显示用户的崩溃指数以及自救指南。
3.设计上
手绘漫画风格,5道测试题的题目页背景正好连成R-E-A-L-M几个字母,设计上还是很用心的。
4.体验上
加载速度快,操作流畅,页面设计精美,逻辑也很顺畅,挑不出什么毛病,是一个很精美的作品,硬要在鸡蛋里挑骨头的话,这么好的作品如果能再增加一点新意,或许能成为爆款。
技术实现: html5
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号