唯品会:不约三个,我妈不让回家过年

2018-01-26 H5案例分享 H5案例分享
唯品会:不约三个,我妈不让回家过年


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

识别图中二维码

不约三个,我妈不让回家过年-查阅二维码

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


案例:不约三个,我妈不让回家过年

出品:唯品会

亮点:

  1. 策划上,视频类。Loading完毕,进入一段2分7秒的视频。内容:主人公关关,过年回家的打开模式:相亲、去相亲的路上。妈妈微信里通知,回来这天约了三场。场一:快餐店,小姐姐,我妈妈很喜欢你…闺蜜认证“妈宝小奶狗”,KO;场二:咖啡厅,要求贼低,打扫做饭生儿子…闺蜜认证“油腻直肠癌”,KO;唱三:下午茶,喜欢一些年代感的东西…闺蜜认证“精装非遗男”,有好感。视频内容结束后,进入另一页面,“非遗男,要不,一起吃个饭?”,页面下方有两个按钮,“帮助关关约非遗男”、“这个非遗男不能独享”,即进入唯品会唯爱工坊首页或分享。
  2. 设计上,主体使用动漫风格,颜色以粉色为主,同时又加入了群聊、模拟直播间、弹幕等多种元素,使得视频颇具喜感,夸张的语言,父母亲友的实力支持,相亲男的奇葩表现,引人发笑。
  3. 交互上,点击页面便可播放视频。
  4. 体验上,一个比一个奇葩的相亲对象,一轮又一轮的亲朋轰炸,小编表示对此深有体会,最后非遗男登场,深情、体贴,吸引关关的同时,也深深打动了小编的心,小编怎么就没有遇到过这样的相亲对象。咳咳咳,回归正题,这个案例从很常见的社会现象出发,模拟几种场景,体现非遗男给人们的好感度,而非遗男则是唯爱工坊的化身,隐含的表现了品牌的内涵。配音、话题很有喜感,很搞笑。



技术实现: jQuery.js+video



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

唯品会:来自2018年的账单

世纪佳缘:事情是这样子的

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~