第一次亲密接触_H5案例分享

第一次亲密接触

2018-03-27 H5案例分享 H5案例分享

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

识别图中二维码

第一次亲密接触-查阅二维码

完整欣赏此案例大约需要2分40秒

案例：第一次亲密接触

出品：

亮点：

策划上，视频类，这是拥抱自然的公益宣传广告，首页是小男孩和大象的接触，一开始小男孩被爸妈带到城市，每天只接触电子产品，而不能接触自然。之后通过梦境接触到自然，这里有四个交互，一开始点击，让小男孩接触到大象，之后遇到河流，再次点击使大象变为鲸鱼，渡过河流。之后滑动屏幕，大象化鸟，载着小男孩在天空翱翔。最后点击屏幕，小男孩在梦境中打破与动物之间个玻璃，现实中小男孩放下手机，拥抱自然，突出现在孩子对自然的缺失，然后是关于自然缺失症的现状调查。
设计上，以黑色为颜色主调，采用类似沙画的动画呈现整个剧情，通过小男孩的梦境展示当前孩子‘自然缺失症’的现状。画面很美。
体验上，形式比较新颖，采用沙画形式的视频使整体视频更加优美，虽然剧情略微长了一点，但与视频进行交互，让人产生间接帮助小男孩的感觉，代入感比较强。对‘自然缺失症’刻画很形象。让人很容易有想让孩子重返自然的想法。

技术实现： jQuery+vedio

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