Tencent 腾讯 X SPRINGER NATURE：2017腾讯WE大会

2017-11-08 H5案例分享 H5案例分享

案例：2017腾讯WE大会

出品：Tencent 腾讯 X SPRINGER NATURE

亮点：

策划上，视频类。这是由腾讯为宣传2017腾讯WE大会所打造的一款宣传h5，主要分为三个阶段。① Loading阶段，星辰在宇宙中点点闪动，光年随着加载的进度渐行渐近，最终回到当前位置。② 视频阶段，由物种起源到平行世界，由时空再到天外飞客，星球被双手紧握，一切尽在2017腾讯WE大会。③ 尾屏阶段，将视频阶段的内容进行总结概述，打出了这款h5的宣传主题：“2017腾讯WE大会”，末尾处的“点击观看”按钮可以跳转到详细页面供用户了解。
设计上，唯美科技风格。① 星球蓝、宇宙蓝、太空蓝等，蓝色是这款h5主要色彩基调。② 星球的打开到星球的关闭，在这一过程中的场景切换及其内容展示美轮美奂，唯美十足。③ 宇宙、起源、星空、宇航员等形象的刻画展示，科技感爆棚。
技术上，页面中视频内容的展示采用了html5中的Video标签技术进行实现，其中用到的Video标签属性有：“playsinline”、“airplay”、“preload”等。

技术实现： Zepto

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

识别图中二维码

2017腾讯WE大会-查阅二维码

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

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

标签