BUICK 别克:人生的不同打开方式

2016-09-19 H5案例分享 H5案例分享
BUICK 别克:人生的不同打开方式

案例:人生的不同打开方式

出品:BUICK 别克

亮点:

  1. 策划上:图文展示+视频类。①Loading页是模拟的系统启动页面。②载入完毕进入一个模拟的操作系统“LIFE1.0”中,桌面上有一个文件叫“MyLife”,可以用“.txt””.jpg”等不同的打开方式打开,可以查看不同的内容,但到最后用“.buick”方式打开时,显示系统版本低,此时进行升级。③升级之后便是一段视频加说唱,内容关于生活,最后会过度到购车部分。④最后一页可以输入个人信息来提交试驾,也可“了解更多”跳转到外部页面,或将此H5“散播出去”。

  2. 设计上:模拟操作系统界面。Loading部分模拟的dos启动页面,仔细看会发现很好玩的文字内容,Life1.0部分是一个界面很简陋的“操作系统”。打开MyLIfe文件之后,弹出的不同窗口,每个都可以点击来放到顶部查看,左下角开始按钮也可点击,并且每个元素都有设置音效,细节表现很赞。Life2.0视频部分说唱很有趣,背景音乐很洗脑。

  3. 体验上:无论是loading还是内容,都能感觉到创意和用心,总体上是一个内容很棒,音乐很洗脑的H5。别克最近的几个H5案例都蛮不错的呢。



技术实现: CreateJS + jQuery


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

识别图中二维码

人生的不同打开方式-查阅二维码




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

标签

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

相关推荐:

别克英朗:我和我的大朋友

别克:天子后宫巡游记

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~