中国邮政储蓄银行：悦享时光灰机

2020-10-06 H5案例分享 H5案例分享

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

识别图中二维码

悦享时光灰机-查阅二维码

完整欣赏此案例大约需要2分10秒

案例：悦享时光灰机

品牌：中国邮政储蓄银行

技术实现： AnnieJS + Zepto + 重力感应

亮点：

1、创意定位

中国邮政储蓄银行借中秋品牌宣传H5，首先聊了聊生活中的酸甜，而后通过小游戏的形式，扣题悦享时光灰机、悦享越有折（折扣的折），最后引导用户办理邮政储蓄信用卡。

2、策划上

案例整体分为两部分：一镜到底叙事和重力感应的灰机游戏。

① 页面加载完毕后，一镜到底的叙事，提示向上滑动屏幕，讲述孩子、工作、恋爱等生活中的酸甜；

② 重力感应的灰机游戏，提示用户在3款折纸飞机中选择出1款，点选后飞机被点亮，滑动后，提示用户“点击起飞”，并提示用户左右移动屏幕可以控制飞机方向，并生成一张飞行里程海报。

3、设计上

卡通风格，背景为深蓝色的天空夜景，配合比较月亮的黄色等鲜亮的彩色；整体案例使用纸飞机贯穿两部分内容。

4、体验上

重力感应的飞机游戏很丝滑，方向很好控制，游戏体验很好。

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

标签