淘车：0息购车半价开走

2017-11-08 H5案例分享 H5案例分享

案例：0息购车半价开走

出品：淘车

亮点：

策划上，视频类。这是由淘车在双十一来临之际所打造的一款宣传h5。① 首屏，一个头戴眼镜的男人在电脑旁边疯狂的工作，跟打了鸡血似的。② 视频播放。以“双十一我有一万块钱”为主题进行嘻哈嗨歌，一万款不能给她买其他好玩的、好穿的，但可以用一万块钱给她一场说走就走的旅行啊。其中淘车的log不断的闪现，进行宣传推广。③ 尾屏，进行概括总结，讲述淘车的福利活动。有领优惠的“立抢优惠”的按钮，也有“立刻分享”的按钮。
设计上，浮夸手绘风格。① 首屏与尾屏采用红色作为背景色，而视频播放阶段采用白色作为背景色。② 黑、白两色刻画人物形象，黄色、红色对页面中一些其他元素进行渲染，使得富有生机。③ 闪动的嘻哈文案搭配浮夸的人物动作，笑点满满。
技术上，视频内容的播放采用了html5中的Video标签技术，其中用到的Video标签属性有：“playsinline”、“webkit-playsinline”等。

技术实现： jQuery

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

识别图中二维码

0息购车半价开走-查阅二维码

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

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

标签