IQOO:你的IQOO游乐场手册

2019-09-11 H5案例分享 H5案例分享
IQOO:你的IQOO游乐场手册


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

识别图中二维码

你的IQOO游乐场手册-查阅二维码

完整欣赏此案例大约需要2分钟


案例:你的IQOO游乐场手册

品牌:IQOO

技术实现: html5

亮点:

  1. 创意定位

IQOO推出的游乐场主题的测试作品,用户在作品中回答关于游乐场玩耍偏好的题目,题目界面还会有IQOO新款耳机的相关配置介绍,最后输入名字生成游乐场性格海报,用户可保存海报或登录IQOO抽奖测试平台参与抽奖,以此宣传新款耳机,同时提高用户购买热情。

 

  1. 策划逻辑

作品主要有四个部分

①加载。加载界面是一个火箭向上飞行,搭配文字“全速加载中”。初始界面是一个科技感十足的光感线条大门,用户可选择“普通眼速门”或“5G全速门”,选择后大门打开,进入游乐场。

②点亮。游乐场开始只有寥寥几盏小灯,用户点击下方触点,游乐场逐渐灯光全部打开,金光灿灿,若上一步选择的是“普通眼速门”,则灯光打开的慢一些,“5G全速门”则打开的速度很快。

③答题。共四道题,每题四选一,被选项会变成金色然后自动跳至下一题,题目内容是选择自己心中能代表游乐场的音乐,选一个必玩项目,流汗时喜欢哪种凉快方式,以及可以在游乐场玩多久。

④海报。输入名字,生成海报,海报包括标题“IQOO Pro扫描结果”,XX(用户名)是XXX(形容性格的词条),一段解说词,游园装备(IQOO Pro定制耳机加一个其他物品),还有陪玩建议,用户可保存海报,重新测试或点击“狂欢加场”参与抽奖。

 

  1. 设计上

黑色的背景上,所有物品,语言框,文字都闪着金光,画面华美,游乐场被逐渐点亮,让视觉效果越来越强烈,造成视觉上的冲击和心理的期待,每个界面都加入一个IQOO Pro耳机的介绍,让用户一边答题一边了解耳机的超强配置。

 

  1. 交互上

第一题选择音乐的需要先点击试听,再点击确定此选项,其余题目均是一次点击即可,选择完毕后直接跳至下一题,不可返回重新选择。





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

标签

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

相关推荐:

欢乐谷X网易新闻X第五人格:这个游乐场充满了恐惧,你敢挑战自己的心跳吗?

斐耳耳机:重奏大师

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~