穿越火线:朋友,你够硬吗?

2018-12-17 H5案例分享 H5案例分享
穿越火线:朋友,你够硬吗?


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

识别图中二维码

朋友,你够硬吗?-查阅二维码

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


案例:朋友,你够硬吗?

出品:穿越火线

亮点:

  1. 创意定位,穿越火线手游3周年纪念推出的测试类H5,以十二道选择测试用户的“5D”人格。
  2. 策划上,整个H5为对用户的“硬度测试”,通过多道直觉、情境等选择题,测出用户的“火线档案”。策划步骤:①主题说明页,提示一种新的人格为“硬度”,用户点击开始测试;②依次为12道选择题,用户通过视觉或情境进行直觉选择,点击后自动跳转至下一题;③测试结果页,根据用户选项,显示“硬度”百分数和性格分析,长按可保存图片。另,用户点击按钮可重新测试或查看游戏信息。
  3. 设计上,整个H5多用游戏内元素,如点铁丝网、子弹孔、靶子等。插图为划痕剪影风格,色调复古,以暗红色、灰黄色为主。
  4. 体验上,做旧的视觉,深色的背景,单色的插图,都透着神秘惊险的气息,还有紧张的音效,令人疑惑的选择题,都十分能体现它刺激紧张的游戏氛围了。



技术实现: Html5



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

标签

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

相关推荐:

腾讯:火线拷问室

英雄联盟:2018英雄联盟全球总决赛

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~