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