西瓜视频：西瓜红人卷

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

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

识别图中二维码

西瓜红人卷-查阅二维码

完整欣赏此案例大约需要3分35秒

案例：西瓜红人卷

出品：西瓜视频

亮点：

策划上，西瓜视频的品牌宣传。以西瓜红人卷的形式，首先是一段2分58秒的rap视频，视频里面介绍西瓜视频里面的视频种类。视频播放完毕，是一个横向的长图，可以左右滑动观看，长图下方悬停3个按钮，第一个按钮“重游神曲”，就是刚刚播放的rap视频；第二个按钮“一探究竟”，引导西瓜视频的APP下载链接；第三个按钮“约会画中人”，报名参加线下活动的链接。
设计上，卡通风格。
交互上，横屏观看。

技术实现： jQuery + Hammer.JS

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

标签