支付宝:人人一平米

案例:人人一平米

品牌:支付宝

技术实现:egret

亮点:

1、创意定位

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

 

2、策划上

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

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

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

 

3、设计上

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

 

4、技术上

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

【案例截屏】

请长按/扫描以下二维码

人人一平米

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

<想免费推广H5可以试试>

以上为【H5案例分享】团队原创文章!

转载请务必注明出处!

【学H5-从今天开始,不晚】

【带你一步一步成为H5高手】

找创意H5案例:h5anli.com