TOYOTA 广汽丰田：全新致炫线上发布会

2016-08-26 H5案例分享 H5案例分享

案例：全新致炫线上发布会

出品：TOYOTA 广汽丰田

亮点：

策划上，动画展示类。进入页面后，用户可以点击“外观”、“操控”、“科技”、“价格”的其中一个，进入相应的介绍页面。每一页都像一个独立的H5，做得都很精致，内容详尽，都有不同的玩法。最后可以选择分享或再次体验，还能欣赏致炫主题曲，或者跳转进入广汽丰田官网。
设计上，黑色大背景，荧光绿的酷炫字体。四部分介绍内容均为语音和动画相结合，有个很好听的男声会向你介绍产品的各部分细节与特点。每部分都设计了不同的玩法，有摇一摇、滑屏、点击、“刮刮卡”等，内容非常丰富，动画效果也非常炫酷。节奏感强烈的电子风背景音乐，让人感觉置身于真实的发布会中！
体验上，炫酷的动画效果，换来的是略长的等待时间。第一次加载的时候，小编盯了蛮久的屏幕，不知道是内容太多还是手机网速慢，凭借经验应该是前者哈哈哈！不过，当看到这些酷炫的内容之后，等待时的揪心感顿时烟消云散！

技术实现： jQuery + CreateJS

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

识别图中二维码

全新致炫线上发布会-查阅二维码

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

标签