Jeep指南者：全新一代Jeep指南者专业级新中产家庭SUV

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

案例：全新一代Jeep指南者专业级新中产家庭SUV

出品：Jeep指南者

亮点：

策划上，汽车类，loading结束，① 出现“全新Jeep指南者，专业级新中产家庭SUV即将为家而来“的slogan；② 而后指南针显现，平置设备，旋转指南针，全新Jeep指南者从屏幕外呼啸而来，再以动态局部高光画面，将其英姿展现在大家眼前，然后再整体静止，，根据提示左右滑动选择去海边还是在城市；③ 点击画面右下角“360度观看车型”来到车型展示页，点击Jeep指南者拖动旋转即可360度观车，点击左侧的汽车零件，即可看到相关的介绍，想了解更多新一代Jeep指南者信息的小伙伴点击右下角按钮留下联络信息，即可随时有限获取精彩产品资讯。
设计上，商务风，采用银白的作为主色调，配以黑色，简洁优雅，里面的图片整体看起来比较大气干净。
技术上，loading页的小小的汽车动态画面采用的是GIF动图，主体页面主要是采用Canvas + Cocos2d来实现的，平置设备，旋转指南针采用的是Html5的重力感应。

技术实现： jQuery + Cocos2d

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

识别图中二维码

全新一代Jeep指南者专业级新中产家庭SUV-查阅二维码

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

标签