天猫:春夏新风尚潮流趋势

2019-04-10 H5案例分享 H5案例分享
天猫:春夏新风尚潮流趋势


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

识别图中二维码

春夏新风尚潮流趋势-查阅二维码

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


案例:春夏新风尚潮流趋势

品牌:天猫

亮点:

  1. 创意定位

天猫为宣传春夏服饰的上新和优惠活动推出的H5作品,在作品中通过视频播放和文字闪现的方式向用户展示最新穿衣风潮,解析时尚态度,以此激发用户购买欲,最后界面用户可以复制淘宝口令,登陆淘宝领取优惠和浏览新品。

 

  1. 策划逻辑

打开作品后,大致有三个阶段的内容①导入,以词语满屏排列,变换形式闪现的方式,显示此次的作品主题“天猫春夏新风尚”,点击“马上跟风”进入视频欣赏。②主题展示。每种衣服风格都用约5秒的小视频展现,真人模特穿着相应风格的衣服在不同场景下活动,每个小视频都分为两段,第一段约3秒,配文“XX风”,第二段约2秒,配文“跟着XXX”,小视频在用户点击屏幕下的“下滑继续跟风”前会反复播放,共有“丹宁风”“豹纹风”“复古风”等八个风格视频。③相关介绍。视频结束,一阵眼花缭乱的词语闪现后,会出现此次上新的品牌LOGO合集,和此次活动主旨“跟风无罪”,用户在最后页面可以点击“去定制”复制淘宝口令,或者点击“去跟风”,分享此作品。

 

  1. 设计上

作品以字体的密集排列和快速变换作为开头和结束,很吸引眼球,也个性十足,彰显了此次作品想表达的时尚态度,每个小视频拍摄的都很短但是人物表现力很强,衣着风格分明,配文的字体较大,也很显眼,让视频播放时用户能直截了当的了解其风格主题。

 

  1. 体验上

作品节奏很快,但是每个版块都主题分明,八种风格排列播放也不觉得冗长,看完视频,感觉自己又缺了很多衣服,赶紧上线买买买!



技术实现: jQuery+Video



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

标签

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

相关推荐:

天猫:色彩能量值检测报告

天猫:你敢不敢出色?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~