BUICK 别克:人生的不同打开方式
案例:人生的不同打开方式
出品:BUICK 别克
亮点:
-
策划上:图文展示+视频类。①Loading页是模拟的系统启动页面。②载入完毕进入一个模拟的操作系统“LIFE1.0”中,桌面上有一个文件叫“MyLife”,可以用“.txt””.jpg”等不同的打开方式打开,可以查看不同的内容,但到最后用“.buick”方式打开时,显示系统版本低,此时进行升级。③升级之后便是一段视频加说唱,内容关于生活,最后会过度到购车部分。④最后一页可以输入个人信息来提交试驾,也可“了解更多”跳转到外部页面,或将此H5“散播出去”。
-
设计上:模拟操作系统界面。Loading部分模拟的dos启动页面,仔细看会发现很好玩的文字内容,Life1.0部分是一个界面很简陋的“操作系统”。打开MyLIfe文件之后,弹出的不同窗口,每个都可以点击来放到顶部查看,左下角开始按钮也可点击,并且每个元素都有设置音效,细节表现很赞。Life2.0视频部分说唱很有趣,背景音乐很洗脑。
-
体验上:无论是loading还是内容,都能感觉到创意和用心,总体上是一个内容很棒,音乐很洗脑的H5。别克最近的几个H5案例都蛮不错的呢。
技术实现: CreateJS + jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号