华晨宝马:听声音,猜城市

2016-12-27 H5案例分享 H5案例分享
华晨宝马:听声音,猜城市

案例:听声音,猜城市

出品:华晨宝马

亮点:

  1. 策划上,答题类案例。常说看世间百态,我们的眼力是越来越好了,但耳朵呢?随后提出案例主题“听声音猜城市”。案例中提出了北京、上海、广州、呼和浩特、西安、成都、深圳、厦门、沈阳、绍兴几个城市的特色声音,让你在不同的选择题中选择出来。当你答题完后会出现相应声音的小动画。最后提出“以宁静致城市“表现之诺汽车的安静。

     

  2. 设计上,矢量风格,黑白灰的颜色设计弱化用户的视觉,将精力集中于听觉。答题完的小动画让画面活跃起来,不那么死板。

     

  3. 体验上,传统的点击交互方式。选择题做完后答案给出方式是打开磁带内部,好像磁带中就是这个城市。



技术实现: jQuery


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

识别图中二维码

听声音,猜城市-查阅二维码




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

标签

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

相关推荐:

宝马:全新BMW M2 游刃锋芒间

宝马:3.7秒极致挑战

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~