雀巢咖啡+IFAW：我和朱亚文一起为动物发声

2018-04-23 H5案例分享 H5案例分享

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

识别图中二维码

我和朱亚文一起为动物发声-查阅二维码

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

案例：我和朱亚文一起为动物发声

出品：雀巢咖啡+IFAW

亮点：

策划上，宣传类。这是雀巢咖啡联合IFAW对守护濒危动物的发声宣传。进入首页，悉数展示世界上的稀有动物的灭绝或是濒危，进而引出补充残缺汉字的交互，补充完成之后可看到你所补充的汉字对应的珍稀动物，之后点击还可以听到朱亚文为你讲述该珍稀动物的故事。结束引导用户分享或是扫描二维码关注雀巢咖啡及IFAW。
设计上，以绿色为主色调，映衬了大自然的主题。
交互上，需要用户手写汉字，完成残缺汉字的补充。

体验上，比较有创意的新颖案例，关于大自然的题材可以得到更多人的关注，相信很多用户看了以后都会对大自然的灭绝动物感到惋惜，并付诸行动不再伤害更多的濒危动物。

技术实现： jQuery.js + tween.js + canvas.js + share.js

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

标签