realme&京东:崩溃自救指南

2019-05-30 H5案例分享 H5案例分享
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,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~