IQOO:你的IQOO游乐场手册

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:你的IQOO游乐场手册
品牌:IQOO
技术实现: html5
亮点:
- 创意定位
IQOO推出的游乐场主题的测试作品,用户在作品中回答关于游乐场玩耍偏好的题目,题目界面还会有IQOO新款耳机的相关配置介绍,最后输入名字生成游乐场性格海报,用户可保存海报或登录IQOO抽奖测试平台参与抽奖,以此宣传新款耳机,同时提高用户购买热情。
- 策划逻辑
作品主要有四个部分
①加载。加载界面是一个火箭向上飞行,搭配文字“全速加载中”。初始界面是一个科技感十足的光感线条大门,用户可选择“普通眼速门”或“5G全速门”,选择后大门打开,进入游乐场。
②点亮。游乐场开始只有寥寥几盏小灯,用户点击下方触点,游乐场逐渐灯光全部打开,金光灿灿,若上一步选择的是“普通眼速门”,则灯光打开的慢一些,“5G全速门”则打开的速度很快。
③答题。共四道题,每题四选一,被选项会变成金色然后自动跳至下一题,题目内容是选择自己心中能代表游乐场的音乐,选一个必玩项目,流汗时喜欢哪种凉快方式,以及可以在游乐场玩多久。
④海报。输入名字,生成海报,海报包括标题“IQOO Pro扫描结果”,XX(用户名)是XXX(形容性格的词条),一段解说词,游园装备(IQOO Pro定制耳机加一个其他物品),还有陪玩建议,用户可保存海报,重新测试或点击“狂欢加场”参与抽奖。
- 设计上
黑色的背景上,所有物品,语言框,文字都闪着金光,画面华美,游乐场被逐渐点亮,让视觉效果越来越强烈,造成视觉上的冲击和心理的期待,每个界面都加入一个IQOO Pro耳机的介绍,让用户一边答题一边了解耳机的超强配置。
- 交互上
第一题选择音乐的需要先点击试听,再点击确定此选项,其余题目均是一次点击即可,选择完毕后直接跳至下一题,不可返回重新选择。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号