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

2020-10-06 H5案例分享 H5案例分享
中国邮政储蓄银行:悦享时光灰机


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

识别图中二维码

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

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


案例:悦享时光灰机

品牌:中国邮政储蓄银行

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

亮点:

1、创意定位

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

 

2、策划上

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

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

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

 

3、设计上

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

 

4、体验上

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





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

标签

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

相关推荐:

腾讯游戏:特种饼登月计划-和平精英

网易文创 + 中国劲酒:中秋那些情

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~