美孚+京东智臻链:京东汽车正品机油溯源接力赛来了

2022-03-30 H5案例分享 H5案例分享
美孚+京东智臻链:京东汽车正品机油溯源接力赛来了


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

识别图中二维码

京东汽车正品机油溯源接力赛来了-查阅二维码

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


案例:京东汽车正品机油溯源接力赛来了

品牌:美孚+京东智臻链

技术实现: HTML5

亮点:

1.创意定位

京东汽车联合美孚以正品机油溯源接力赛为创意主题,通过让用户选择正品机油,模拟提炼、制取过程、赛车等小游戏,让用户了解正品机油的重要性。分两种模式,单人和双人互动参与。

 

2.策划逻辑

主要流程:① Loading → ②模式选择 → ③机油选择 → ④萃取游戏 → ⑤制作实验 → ⑥赛车游戏 → ⑦成绩单。

 

①Loading:汽车开过动画,用时速表展示进度百分比。

 

②模式选择:单人模式、双人模式。选择单人模式,即按以上主要流程进行体验;选择双人模式,在创建游戏环节,一人创建游戏展示二维码,另一个人可以通过扫码加入游戏,一起参与互动。

 

③机油选择。从9款机油中选择一款正品机油,选对进入下一步,选错弹出提示需要重新选择。

 

④机油萃取游戏。用户需要连续点击屏幕获得萃取力,才能通过。进入到下一步的制作试验环节。

 

⑤制作实验。把三个试管里的试剂根据颜色匹配“倒入”相应量杯,然后,进入下一关赛车环节。

 

⑥赛车游戏。赛车躲避障碍赛,碰到障碍后,游戏结束,弹出成绩单结果页。

 

⑦成绩单。显示游戏成绩和战胜率。品牌露出:美孚和京东智臻链。底部有“分享”和“领奖”两个按钮,点击分享按钮,弹出引导分享蒙层;点击领奖,跳转领奖页面。

 

3.用户体验

 

三个小游戏,都没玩过瘾,如果一个游戏搞三关,也是个不错的选择。

 

 





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

标签

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

相关推荐:

京东物流:京选生活 不负热爱

京东:解忧快递站

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~