支付宝:森林的家
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要45秒
案例:森林的家
品牌:支付宝
技术实现: JavaScript
亮点:
1、创意定位
支付宝蚂蚁森林推出的保护环境H5,在支付宝内搜“森林的家”或者“蹦迪”,在游戏的同时,了解不同的自然环境下的动物和植物。
2、策划上
① 在支付宝里输入搜“森林的家”或者“蹦迪”,进入森林的家布置场景(DIY海报)页面,这支H5一共2屏;
② 每次进入布置场景页面,进入不同的自然环境,小五体验了几次进入过海口五源河湿地自然保护地、青海嘉塘自然保护地、四川关坝自然保护地、北京京西自然保护区;每次进入后,菜单中有5个布置场景元素,前2个是男女两个人物,后3个分别是该自然环境下的动物或植物;点击人物或动物、植物,都会显示为蹦迪的状态(蹦迪状态的动图);
③ 布置区域左下角可以控制声音静音或者播放;声音按钮旁边MV字样的按钮,点击后出现优酷的森林的家视频;屏幕右侧“分享”按钮,点击后,会生成海报一张;
④ 海报是刚刚DIY的森林的家画面;还会有上一屏布置场景中动物的简短介绍,海报是静态图片,用户可以长按保存。
3、设计上
手绘卡通效果,水彩画面,动物绘制的偏可爱。
4、体验上
每次进入的自然环境不同,每次进入都有期待;如果生成的海报也是动态蹦迪效果,不知道会不会更有趣,更增加大家分享的热情。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号