北京现代+网易新闻+网易汽车：智勇行动

2017-12-28 H5案例分享 H5案例分享

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

识别图中二维码

智勇行动-查阅二维码

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

案例：智勇行动

出品：北京现代+网易新闻+网易汽车

亮点：

策划上，视频+图文展示类，进入首页是从太空地球的形象，点击开始视频，智勇行动的标题出现：智勇行动致敬中国十大奇迹工程，下方出现了十大奇迹工程的位置和名称，点击一个奇迹工程之后跨越云层看到具体图片，左右摇晃手机看到图片其他部分，点击查看详情可以看到具体信息，点击智勇直击可以看到视频。
设计上，俯瞰地球的画面很漂亮，左右摇晃看图片的设计新颖有趣，宣传了中国十大奇迹工程的同时也让我们感受到了祖国的美丽、人类的智慧。
交互上,点击开始视频，十大奇迹建筑的名称可供选择，可以点击音乐按钮开始或停止音乐，点击查看详情可以看到具体信息，点击智勇直击可以看到视频。但如果想要观看其他奇迹工程就需要重新进入，对用户不太友好。

技术实现： zepto.js+iscroll.js

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

标签