东风悦达起亚KX7：给你一个走进孩子内心的机会

2017-03-16 H5案例分享 H5案例分享

案例：给你一个走进孩子内心的机会

出品：东风悦达起亚KX7

亮点：

策划上，视频类，①点击小七的日记，我们一起打开来看看吧，画笔移动，画出小七、妈妈、妹妹和爸爸，他的爸爸被称作下一次先生，因为他的爸爸总以“忙，下一次吧”为由拒绝他的周末提议；② 小七希望爸爸陪陪他，向大家寻求帮助，大家只需将KX7的车模型向右滑动，将他的爸爸变成“这一次”先生，而后小七开心的挑选座驾，最终选择东风悦达起亚KX7，让爸爸能带着全家人开开心心去自驾游；③ 回答问题，测试你是不是一位合格的爸爸，无论结果如何，还是让KX7帮你为家人制造一个开心的星期“7”吧，还可提交个人信息进行预约试驾哦。
设计上，黑白漫画风格，画笔移动画出人物，而后以动画形式，生动形象的演绎了爸爸“下一次先生”称号的由来。
技术上，视频采用的是html5的Video，通过video的playsinline，x-webkit-airplay，webkit-playsinline等属性控制视频样式，已达到视频全屏播放并且不跳出微信框的功能。

技术实现： Zepto + touchJs

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

识别图中二维码

给你一个走进孩子内心的机会-查阅二维码

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

标签