美孚+京东智臻链:京东汽车正品机油溯源接力赛来了
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例:京东汽车正品机油溯源接力赛来了
品牌:美孚+京东智臻链
技术实现: HTML5
亮点:
1.创意定位
京东汽车联合美孚以正品机油溯源接力赛为创意主题,通过让用户选择正品机油,模拟提炼、制取过程、赛车等小游戏,让用户了解正品机油的重要性。分两种模式,单人和双人互动参与。
2.策划逻辑
主要流程:① Loading → ②模式选择 → ③机油选择 → ④萃取游戏 → ⑤制作实验 → ⑥赛车游戏 → ⑦成绩单。
①Loading:汽车开过动画,用时速表展示进度百分比。
②模式选择:单人模式、双人模式。选择单人模式,即按以上主要流程进行体验;选择双人模式,在创建游戏环节,一人创建游戏展示二维码,另一个人可以通过扫码加入游戏,一起参与互动。
③机油选择。从9款机油中选择一款正品机油,选对进入下一步,选错弹出提示需要重新选择。
④机油萃取游戏。用户需要连续点击屏幕获得萃取力,才能通过。进入到下一步的制作试验环节。
⑤制作实验。把三个试管里的试剂根据颜色匹配“倒入”相应量杯,然后,进入下一关赛车环节。
⑥赛车游戏。赛车躲避障碍赛,碰到障碍后,游戏结束,弹出成绩单结果页。
⑦成绩单。显示游戏成绩和战胜率。品牌露出:美孚和京东智臻链。底部有“分享”和“领奖”两个按钮,点击分享按钮,弹出引导分享蒙层;点击领奖,跳转领奖页面。
3.用户体验
三个小游戏,都没玩过瘾,如果一个游戏搞三关,也是个不错的选择。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号