腾讯公益×中华环境保护基金会×凯迪拉克：发现你的本命守护树

2018-09-10 H5案例分享 H5案例分享

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

识别图中二维码

发现你的本命守护树-查阅二维码

完整欣赏此案例大约需要45秒

案例：发现你的本命守护树

出品：腾讯公益×中华环境保护基金会×凯迪拉克

亮点：

策划上，以“寻找你的生命守护树”为主题，首先需要用户输入名字和生日月份，而后依次出现很多驭沙品种的树木，有胡杨、小叶白蜡、花棒、沙棘等，得出你的本命守护树，整体根据月份来判断你的守护树，可以保存海报。点击右下角，加入“驭沙”计划，可以为被沙暴侵蚀的最美公路G7捐款助力。
设计上，中国工笔画风格，淡雅唯美，画面中运用棕色比较多，这是沙子和土地的颜色，辅助配合树木的深绿色。
体验上，在体验的过程中，增加用户出生年月日的选择，而后根据月份给出守护树，增加用户的参与感。案例是公益的案例，本身用户乐意参与。

【下图为12个月份对应的守护树】

技术实现： spriteJS + TweenMax.js + jquery

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

标签