忍不住好奇，你一定会“拆”到底~

案例链接：https://unionpayh5.cagoe.com/index.html

完整欣赏此案例大约需要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案例分享”团队原创文章，转载请注明出处！