网易考拉：那些深夜还没睡的直男，都在做些什么？

2018-11-26 H5案例分享 H5案例分享

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

识别图中二维码

那些深夜还没睡的直男，都在做些什么？-查阅二维码

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

案例：那些深夜还没睡的直男，都在做些什么？

出品：网易考拉

亮点：

策划上，通过以一个直男王海涛的夜生活，刷朋友圈开始的一个小视频，首先加载的时候会显示进度条随之同步的有王海涛的三四条信息，点击偷窥他的夜生活时，视频加载，会看到的页面是他退出游戏后，打开微信刷朋友圈，当他看到女神发的朋友圈中有提到杨树林、许三多、腊梅时，他开始到网上搜索，没搜到自己想要知道的，又开始问妹妹、找朋友了解，在朋友那儿了解到腊梅就是海蓝之谜的眼霜，很贵，朋友就给他发了一条链接网易考拉的黑五洋货节，最后出现的就是买了送还是不送的问题，送就会出现分享，不送就会出现网易考拉洋货节的官网。
设计上，以黑色为主色调，体现出夜生活，以朋友圈为背景图，在群里朋友给他支招，发网易考拉的黑五洋货节链接。
交互上，采用了H5竖屏，点击触屏后，下面采用一段小视频来讲述他的夜生活。
体验上，当点击偷窥他的夜生活时，点击和视频衔接地方出现白屏，视频没有封皮，可以稍作修改，最后出现的视频还是不错的。

技术实现： H5 jQ swiper

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

标签