中国青年报•中青在线融媒工作室:今天收到Ta的消息,刚刚好——中青报 中青在线

2016-08-31 H5案例分享 H5案例分享
中国青年报•中青在线融媒工作室:今天收到Ta的消息,刚刚好——中青报 中青在线

案例:今天收到Ta的消息,刚刚好——中青报 中青在线

出品:中国青年报•中青在线融媒工作室

亮点:

  1. 策划上,招聘类H5。开始有一段动画场景,用户以上帝视角看动画人物在行走,配上文字,塑造了一个不得志、不如意的故事场景。此时,画面中的人物收到一条来自冰点暖文APP的推送,翻页打开之后,便是招聘的宣传,并在最后输入信息可生成“准考证”,之后点击“查看岗位”就能跳转到外部链接来查看具体的岗位信息。

  2. 设计上,一开始的动画场景是一个人在马路上行走,季节是冬天,配上文字和背景音乐,还有“风声”等音效,营造了一个凄凉孤独的氛围。之后,人物收到一个APP推送,此时背景音乐风格突变为欢快,有种“人生被照亮”的感觉。

  3. 体验上,前后氛围截然不同,有强烈的对比,带给人视觉和听觉冲击感。算是比较有意思的招聘类H5。



技术实现: jQuery + Swiper + CSS3(Animation)


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

识别图中二维码

今天收到Ta的消息,刚刚好——中青报 中青在线-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

京东:京东2017海外招聘

腾讯游戏&拉勾网:忍者升职季

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~