网易+海澜之家+暖流计划：多一克温暖，让爱加温

2016-11-22 H5案例分享 H5案例分享

案例：多一克温暖，让爱加温

出品：网易+海澜之家+暖流计划

亮点：

策划上，公益宣传。进入页面点击“活动详情”了解活动相关信息，点击“为爱加温”进入互动部分。互动部分通过点击按钮，完成四步与小女孩的互动，同时加满自己的小太阳，即可成功为山区儿童捐赠一克羽绒。最后一页显示该活动已累计捐赠多少件羽绒服，用户可以点击“传递爱心”或“再捐一次”，底部可以点击观看“预热视频”或“原生内容”。
设计上，米黄色纹路大背景，更深的黄作为按钮或文字，交互部分背景有个小女孩，点击按钮可以与她互动。
体验上，整体非常温暖人心，同时让人很有参与感，觉得自己为这个事业出了点微薄之力。

技术实现： CreatJS + Zepto

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

识别图中二维码

多一克温暖，让爱加温-查阅二维码

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

标签