天猫:春夏新风尚潮流趋势
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分40秒
案例:春夏新风尚潮流趋势
品牌:天猫
亮点:
- 创意定位
天猫为宣传春夏服饰的上新和优惠活动推出的H5作品,在作品中通过视频播放和文字闪现的方式向用户展示最新穿衣风潮,解析时尚态度,以此激发用户购买欲,最后界面用户可以复制淘宝口令,登陆淘宝领取优惠和浏览新品。
- 策划逻辑
打开作品后,大致有三个阶段的内容①导入,以词语满屏排列,变换形式闪现的方式,显示此次的作品主题“天猫春夏新风尚”,点击“马上跟风”进入视频欣赏。②主题展示。每种衣服风格都用约5秒的小视频展现,真人模特穿着相应风格的衣服在不同场景下活动,每个小视频都分为两段,第一段约3秒,配文“XX风”,第二段约2秒,配文“跟着XXX”,小视频在用户点击屏幕下的“下滑继续跟风”前会反复播放,共有“丹宁风”“豹纹风”“复古风”等八个风格视频。③相关介绍。视频结束,一阵眼花缭乱的词语闪现后,会出现此次上新的品牌LOGO合集,和此次活动主旨“跟风无罪”,用户在最后页面可以点击“去定制”复制淘宝口令,或者点击“去跟风”,分享此作品。
- 设计上
作品以字体的密集排列和快速变换作为开头和结束,很吸引眼球,也个性十足,彰显了此次作品想表达的时尚态度,每个小视频拍摄的都很短但是人物表现力很强,衣着风格分明,配文的字体较大,也很显眼,让视频播放时用户能直截了当的了解其风格主题。
- 体验上
作品节奏很快,但是每个版块都主题分明,八种风格排列播放也不觉得冗长,看完视频,感觉自己又缺了很多衣服,赶紧上线买买买!
技术实现: jQuery+Video
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号