昆明航空公司：疯狂旅行

2017-02-09 H5案例分享 H5案例分享

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

识别图中二维码

疯狂旅行-查阅二维码

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

案例：疯狂旅行

出品：昆明航空公司

亮点：

策划上，图文展示类案例。第一屏"换个角度看世界，你比世界更疯狂”。翻动屏幕改变观看角度;第二屏”我不是天真，我就是想活出自己的样子”.像风筝一样女孩子抓在手中，有白色流星划过，第三屏”一眼不合就疯狂又怎样”。背景是女孩子坐在悬崖上，随后文案散落开，随后疯狂计划制造机出现，可以转动随机摇取疯狂时间，疯狂地点，疯狂事件，产生任务单等你去完成。随后可以点击成为昆航会员，输入姓名，手机号和身份证。

设计上，整体设计偏海报形式，每一屏都像海报一样映入眼帘。颜色搭配偏冷色调让人感觉十分清爽，文字与点线面的结合让画面十分有设计感。

体验上，传统的点击交互方式。首屏增加陀螺仪的交互方式，让案例更加丰富。画面的动效方式十分丰富。

技术实现： jQuery + Swiper

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

标签