民生银行X Luckin coffee:@全城最佳特工,速来接情报!

2020-03-31 H5案例分享 H5案例分享
民生银行X Luckin coffee:@全城最佳特工,速来接情报!


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

识别图中二维码

@全城最佳特工,速来接情报!-查阅二维码

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


案例:@全城最佳特工,速来接情报!

品牌:民生银行X Luckin coffee

技术实现: html5

亮点:

  1. 创意定位

民生银行与Luckin coffee推出联名信用卡,用户在作品最后可了解办卡权益和点击办卡。

 

  1. 策划逻辑

作品开头是一个特工手表及邀请词,点击“开始任务”进入作品,总共三关,用户在每一关的任务都是根据提示点击屏幕寻找特工,找到的话可进入最后宣传页,没找到的话则进入下一关继续寻找,第三关用户点击哪个箱子都可找到特工进入宣传页,宣传页包含联名卡的样式,宣传语,获赠200杯咖啡及四个其他权益,用户可点击了解跟很多权益或点击办卡。

 

  1. 设计上

循着一条路一直走,一路闯关,每个关卡都是一个三维的卡通场景,信用卡变成不同样式的人物演绎不同情境中有Luckin coffee相伴的美好生活,不断加深用户对信用卡样式的印象。

 

4. 交互上

每关有两次点击屏幕寻找特工的机会,点击后上方云彩下会出现一个小牌子显示对错,用户也可点击“跳过”,不玩游戏直接进入宣传页面。

 





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

标签

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

相关推荐:

京东:隔离了十四天,我被净化了

民生银行:上新了!民生女人花鹤禧觉色信用卡

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~