支付宝:人人一平米

2020-05-25 H5案例分享 H5案例分享
支付宝:人人一平米


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

识别图中二维码

人人一平米-查阅二维码

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


案例:人人一平米

品牌:支付宝

技术实现: egret

亮点:

1、创意定位

支付宝的公益H5,用户也可以上支付宝搜“一平米”,增加与产品与用户的互动,用户也会觉得产品本身不仅仅是支付工具,更充满着爱和其他奇妙的内容。

 

2、策划上

① 首屏说明蚂蚁森林嘉塘保护地里有数百种动植物,用户无需滑动屏幕,绿色的星球自动从小到大旋转进入屏幕,放到最大后,用户可以上下左右滑动屏幕;

② 绿色的星球选择,点击星球上的白色点,弹出不同的动植物,有刺瓣绿绒蒿、藏狐、荒漠猫、兔鼠等,每次刷新,可以看到的3种动植物略有不同;

③ 点击后,看到动植物后,可以再选一次,也可以确认守护,生成对应动植物的守护者海报。

 

3、设计上

手绘绿色的星球,动植物,整体画面很美。

 

4、技术上

开始以为星球旋转是使用3D引擎完成;实际上,绿色的星球的旋转使用图片序列帧完成。





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

标签

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

相关推荐:

微信:实验项目-手机APP屏幕时间数据

支付宝:让地球更绿,清水河更清

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~