Nike:Nike PLAYLab.
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:Nike PLAYLab.
品牌:Nike
技术实现: HTML5
亮点:
1.创意定位
Nike推出的Nike PlayLib宣传创意H5作品,通过三个明星视频,引导更多人关注和参与视频上传,使品牌和产品形成自传播。
2.策划逻辑
主要流程:Loading → 主题页 → 视频列表页 → 视频内容页。
Loading :很有创意Loading效果,从上到下移动且滚动的一个色条,带有品牌标识和活动标识,伴随着背景颜色纯色切换。
主题页:鲜亮艳丽的篮球、足球等元素,从四面聚向中心形成主题背景,然后,出现艺术活动主题:Nike PlayLib。弹出使用本地cookie的授权弹框,只有用户点击“接受”,才能显示完整页面。点击按钮“GO”,进入到视频列表页。
视频列表页:三个明星视频,可以横向滑动,用户点击其中任意一个,会进入视频内容页。
视频内容页:用户点击视频,可进行视频播放。视频底部,有文案引导用户上传视频,点击Submit按钮,即可跳转上传视频页面,进行视频上传。
3.视觉交互
艳丽纯亮色,年轻鲜艳。交互上,以点击、左右滑动为主。
4.用户体验
到处洋溢着青春、运动的气息,看了就感觉充满活力,有热情的用户可以上传视频试试,参与活动。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号