Paradise Walk 天街:天街极限运动季

2017-03-13 H5案例分享 H5案例分享
Paradise Walk 天街:天街极限运动季

案例:天街极限运动季

出品:Paradise Walk 天街

亮点:

  1. 策划上,图文展示类。载入完毕进入页面,是一个海报页,点击“START”开始展示内容,画面背景是滑板、攀岩、乒乓等运动,在前面则展示文案。页面间通过长按屏幕来切换,切换时会有逐帧动画效果。画面会随用户转动手机陀螺仪,而呈现3D式的转动效果。接下来是轮播展示活动相关内容,画面内容是可以点击播放的视频,和活动信息及文案,还有“全民乒乓球赛”的报名渠道。结尾页还可以点击助力天街极限运动季。

 

  1. 设计上,手绘风格。画风很青春,转场动画效果也很炫酷,配合3D转动效果,和节奏感强烈的背景音乐,整体表现活力十足。

 

  1. 体验上,视觉和听觉体验都很棒,交互很丰富,让人觉得参与感十足。小编觉得有可以改进的部分,轮播部分活动介绍信息太少,最少应该提供一个了解的渠道。其次“我要报名”按钮与整体风格不是很搭,略显突兀,动画效果也略显生硬。(小编是重度傲娇与强迫症患者)。



技术实现: jQuery


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

识别图中二维码

天街极限运动季-查阅二维码




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

标签

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

相关推荐:

龙湖虹桥天街:魔都小囡神吐槽

Adidas阿迪达斯:由我创造

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~