拉勾：2017拉钩之夜|年度盛典

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

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

识别图中二维码

2017拉钩之夜|年度盛典-查阅二维码

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

案例：2017拉钩之夜|年度盛典

出品：拉勾

亮点：

策划上，图文展示类，几句话语之后是首页拉钩之夜海报，继续浏览可以在视角移动之后看到三个页面：年度野心家、年度引力波和野心时代，年度野心家是6名有野心有追求的会联网从业者介绍，年度引力波展现的是互联网创造的美丽景象和辉煌成就，野心时代展示活动的时间地点、合作的野心伙伴等信息，还可以0元报名活动现场，意在宣传拉钩之夜同时吸引人们去参加。
设计上，采用黑色星空作为背景，展示部份不同视角也会移动，星空中星球随着展示的页面移动、星光闪烁，这样的设计更有立体感，展示随着边框移动出现照片和介绍，很有层次感、科技感，照片和字体的颜色明亮，与黑色的宇宙背景强烈对比引人关注。
交互上,点击闪动的绿色小点继续，上下滑动屏幕浏览，最后可以0元报名活动现场。

技术实现： Jquery.js+three.js

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

标签