银联手机闪付:打开99层你真行

2019-07-15 H5案例分享 H5案例分享
银联手机闪付:打开99层你真行


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

识别图中二维码

打开99层你真行-查阅二维码

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


案例:打开99层你真行

品牌:银联手机闪付

亮点:

1.创意定位

【不打开APP就支付】的银联手机闪付定制的高交互创意类H5作品。用一层层打开盒子的小游戏形式,融合品牌功能和时事热点(“垃圾分类”、“雨女无瓜”等),让用户在交互中,体验到【打开很难,不打开很简单】的品牌理念。

 

【快速赏析】

 

2.策划逻辑

整个H5主要分为三部分:

 

①Loading部分:加载页采用帧动画技术,最下方露出银联手机闪付的品牌logo。

 

②内容部分:标题“打开99层你真行”,出现一个快递盒子,小手提示“点击盒子开始打开”,最下方写着“别以为只是打开盒子那么简单,我赌一个盒子,你未必能坚持到最后!”点击盒子后会自动拆开,出现一个手提箱,“继续点击继续打开”,总之盒子不断生盒子,出来一系列包装,而且还有融入热点,比如绝地求生的集装箱、现在正火热的垃圾分类“你是什么垃圾”,还有选择钥匙开锁环节,有砸小猪存钱罐,砸之前要算出小猪肚子里有多少钱,做一道简单的算术题,会砸出来“找到幸运金币,币有好运发生”,顺便打个广告:为你跳过38层,“由xx Pay特别赞助,银联手机闪付,现已支持xx Pay”

 

经过二次跳关,最后一层是一个金蛋,打开后就是99层了。

 

 

③落地页部分:道具手机屏幕出现祝贺函的形式,“闯关成功”恭喜你,第xxx位通关,打败了全国xx%的人,HUAWEI Pay发来贺电,“打开99层很麻烦?不打开APP支付就简单”,银联手机闪付的品牌和合作手机Pay清晰植入,让用户加深品牌印象,向上滑动,进入抽奖页面。

 

3.设计上

少见的定格动画H5,制作量应该也挺大的。

 

 

【定格动画拍摄分解草图】

 

4.体验上

正如一开始主页自己说的:“赌一个盒子,你未必能坚持到最后!”打开1个盒子很难,但是连续打开99层盒子呢?银联手机闪付也正是将日常繁琐的支付动作比喻成需要不断打开的盒子。

 

 

小游戏其实创造了一种感官上的矛盾,你以为打开盒子简单,打开99层试试?你不知道银联手机闪付多简单?感受下打开APP支付有多麻烦。同时小游戏又通过制作精美的定格动画和通关后的抽奖,吸引你不断玩下去。

 

最后无论闯关失败还是成功的页面设计,都巧妙地把产品信息融入进去,帮助你理解【打开很难,不打开很简单】的品牌理念。



技术实现: video



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

标签

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

相关推荐:

腾讯游戏 x 欢乐麻将:来啊有本事打我啊

银联手机支付:今天我买单

10个案例了解H5之图片合成

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

方式一:

通过H5案例提交小助手(微信小程序)
微信扫描下方二维码进入,进行投稿

方式二:

在电脑端,进入H5案例发布界面,自己编写

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~