中国国际航空公司:伴梦想着陆

2018-04-23 H5案例分享 H5案例分享
中国国际航空公司:伴梦想着陆


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

识别图中二维码

伴梦想着陆-查阅二维码

完整欣赏此案例大约需要1分钟


案例:伴梦想着陆

出品:中国国际航空公司

亮点:

  1. 策划上,宣传类。这是对中国国际航空的宣传。进入首页可以先左右滑动屏幕选择听听别人的梦想是怎么说的,听完之后回到首页选择说出梦想生成你自己的梦想,然后可以看到在说出梦想之前展示的活动规则及奖项设置,然后继续说出梦想,输入你要去哪,做什么,立即生成梦想之后还有可爱的小萝莉对你说一些关于梦想名言警句哦,结束导用户留下联系方式,参与赢取圆梦大奖。
  2. 设计上,以白色为主色调,白色的云朵意味着天马行空的梦想,还添加了语音播放,比较新颖。
  3. 交互上,左右滑动查看别人的梦想,以及输入自己的梦想和输入自己的联系方式。
  4. 体验上,白色清新的画面,还有插画小人都显得整体画风很可爱,结尾的萝莉音语音更是非常的cute,整体案例比较有创意,很新颖,但是最后的抽奖没有明确说明,感觉前面罗列的一大推奖品奖项什么的只是虚设的。



技术实现: jQuery.js + detector.js + three.js + clouds.js + zepto.js + qrcode.js



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

标签

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

相关推荐:

中国国际航空:为国航加油

北大资源:梦想诊断机

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~