招商中环：见时代见未来

2018-02-01 H5案例分享 H5案例分享

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

识别图中二维码

见时代见未来-查阅二维码

完整欣赏此案例大约需要2分55秒

案例：见时代见未来

出品：招商中环

亮点：

策划上，视频类，横屏展示。这是招商中环致敬改革开放40周年所设计的H5。 Loading完毕，点击页面的“START点击观看”按钮，进入一段2分53秒的视频。内容：一个时代的开创，源于梦想，每个时代都会留下创世的杰作，接着一次列举了伦敦金融城、纽约华尔街等多个金融街的发展，逐渐引出此H5的出品——招商中环。
设计上，深蓝色星空背景，整个宇宙不断地运转，气势恢宏；再加上宏亮大气英文配音，烘托出宇宙深邃感，时代需要不断地探索才会得到发展，就像探索星空，宇宙，招商中环的发展亦是如此。
技术上，使用了CSS3的animate、transform等属性，实现了首页和尾页的动画效果。

技术实现： swiper.js+jQuery.js

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

标签