世界动物保护协会：那些你看不见的真相

2018-08-13 H5案例分享 H5案例分享

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

识别图中二维码

那些你看不见的真相-查阅二维码

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

案例：那些你看不见的真相

出品：世界动物保护协会

亮点：

1.创意定位，这是一个公益性的H5，在众多营销类H5中可谓是清新脱俗。

2.策划上，开篇是一段22秒的视频，主人公去看大象，结果发现大象好像有些不对劲，引导用户点击大象身上3处位置，分别是头部、脚部和后背，来了解大象。

点击头部，提示“高超的绘画技巧，是从小被迫接受密集训练的结果”；

点击脚部，提示“为了完成违背天性的动作，大象受尽了钩刺棒打的折磨”；

点击背部，提示“日复一日的供人骑乘，让大象的身体和精神受到双重伤害”。

都看完后，便会邀请用户填写承诺书，提交承诺书后，又进入一段13秒的视频，因为用户的承诺大象开心起来。最后，进入尾页，生成了一张写有承诺人名字、你是当前第几位发声者和印有大象照片的承诺书。

3.设计上，两段视频使用的是3D线条几何风格的动画。

4.体验上，视频质量上乘，声画皆优，但因为有两段视频，打开速度稍慢。整体是个暖心的作品，如果能赶上相关热点，用户定会有分享欲望的。

技术实现： jQuery + tween.js + video

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

标签