特步:燃烧吧女子力

2017-09-12 H5案例分享 H5案例分享
特步:燃烧吧女子力

案例:燃烧吧女子力

出品:特步

亮点:

  1. 策划上,测试类小游戏,品牌推广。进入案例,首屏海报页点击“立即开练”进入下一页。此页中,点击右上角按钮可以了解活动规则,点击左半屏可以观看主题视频,右半屏有5部分,4项测试与抽奖留资。测试分别为“眼力测试”、“指力测试”、“臂力测试”和“腹力测试”,分别对应4种不同交互形式的小游戏。完成4关后点击“我要抽奖”,即可参与抽奖,有机会赢取特步女子力专属运动装备。测试完毕后,用户可以点击“武装起来”跳转链接,也可以“召唤好友”。

 

  1. 设计上,背景为蓝-淡黄-粉的渐变,真人与动漫风格相结合。背景音乐很燃,动感十足。小五觉得,如果动效再丰富点,画面看上去应该会更有活力。

 

  1. 体验上,首屏动画效果略显生硬,缺乏线条感,并且动效是一次性的,放完画面就停滞了。玩完4个测试后,只有一个是有“√”标识的,其余都没有出现。也许是因为活动已经结束蛮久。赵丽颖代言的主题视频,确实很燃,小五被勾起了新一轮健身的欲望。



技术实现: Zepto + Video(视频)



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

识别图中二维码

燃烧吧女子力-查阅二维码




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

标签

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

相关推荐:

特步:火力全开

腾讯体育:2017特步企鹅派对跑

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~