支付宝:森林的家

2021-03-23 H5案例分享 H5案例分享
支付宝:森林的家


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

识别图中二维码

森林的家-查阅二维码

完整欣赏此案例大约需要45秒


案例:森林的家

品牌:支付宝

技术实现: JavaScript

亮点:

1、创意定位

支付宝蚂蚁森林推出的保护环境H5,在支付宝内搜“森林的家”或者“蹦迪”,在游戏的同时,了解不同的自然环境下的动物和植物。

 

2、策划上

① 在支付宝里输入搜“森林的家”或者“蹦迪”,进入森林的家布置场景(DIY海报)页面,这支H5一共2屏;

② 每次进入布置场景页面,进入不同的自然环境,小五体验了几次进入过海口五源河湿地自然保护地、青海嘉塘自然保护地、四川关坝自然保护地、北京京西自然保护区;每次进入后,菜单中有5个布置场景元素,前2个是男女两个人物,后3个分别是该自然环境下的动物或植物;点击人物或动物、植物,都会显示为蹦迪的状态(蹦迪状态的动图);

③ 布置区域左下角可以控制声音静音或者播放;声音按钮旁边MV字样的按钮,点击后出现优酷的森林的家视频;屏幕右侧“分享”按钮,点击后,会生成海报一张;

④ 海报是刚刚DIY的森林的家画面;还会有上一屏布置场景中动物的简短介绍,海报是静态图片,用户可以长按保存。

 

3、设计上

手绘卡通效果,水彩画面,动物绘制的偏可爱。

 

4、体验上

每次进入的自然环境不同,每次进入都有期待;如果生成的海报也是动态蹦迪效果,不知道会不会更有趣,更增加大家分享的热情。





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

标签

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

相关推荐:

支付宝:2020年账单

支付宝-蚂蚁森林:听,蚂蚁森林说话了

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~