滴滴打车X99公益日：行者公益 为爱同行
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例：行者公益 为爱同行
品牌：滴滴打车X99公益日
技术实现： html5
亮点：
- 创意定位
滴滴打车与99公益日联合推出的用捐献滴滴公里数支持公益项目的作品，用户在作品中滑动屏幕让小汽车向前行驶，沿途查看公益项目介绍和案例详情，并根据自已的意愿参与捐赠，以此扩大公益项目的影响范围，早日达到目标捐赠数，从而帮助到更多的人。
- 策划逻辑
初始界面是出品方和标题，可以在此查看活动规则，包括本次的活动项目，目标公里数，公里数捐赠折算方法，项目备案号等，点击“启程公益路”，向右滑动屏幕，汽车依次经过支教行，福利行，救灾行，诗歌行，环保行，每个版块都有一副主图和活动简介，点击每个版块下的“我要同行”可查看项目具体介绍和在线捐赠公里数支持此项目。
- 设计上
主界面是手绘的图片，每经过一个地方，都有相应的文字介绍和主图，搭配不同声效，如支教行搭配孩子们的喧哗声，救灾行搭配刨土打坑声，诗歌行搭配鸟鸣声等，增加感染力，让用户真切感受到自己的捐赠可以帮助别人带来的美好生活。
- 交互上
用户可右滑查看下一个项目，也可左滑回看，捐赠一个项目后可点击返回继续查看和捐赠其他项目。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
