支付宝：人人一平米

2020-05-25 H5案例分享 H5案例分享

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

识别图中二维码

人人一平米-查阅二维码

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

案例：人人一平米

品牌：支付宝

技术实现： egret

亮点：

1、创意定位

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

2、策划上

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

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

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

3、设计上

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

4、技术上

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

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

标签