腾讯青年行:请你!马上来我办公室

2019-12-11 H5案例分享 H5案例分享
腾讯青年行:请你!马上来我办公室


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

识别图中二维码

请你!马上来我办公室-查阅二维码

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


案例:请你!马上来我办公室

品牌:腾讯青年行

技术实现: video + jQuery + html2canvas.js

亮点:

  1. 创意定位

腾讯青年行推出的面试答题类作品,用户选择自己喜欢的公司,通过答题测试自己是否能通过面试,以此展示腾讯青年行合作品牌之多,和能提供的职位之广。

 

  1. 策划逻辑

加载完毕后,随着镜头进入电梯(7秒mp4格式的视频);电梯每个楼层旁是一家公司的名字,选择自己喜欢的,出现“叮”的一声电梯到达的声音后开始答题;下方显示一分钟倒计时,不同公司题目会略有重复,包括一题与本公司有关的专业题,图形计算题,名人警句填空,情景测试题等,共五道题,答对三道即可通过;不够三道,答题完毕自动显示结果,用户可继续挑战其他企业或登录官方小程序;答对三道题,可以上传照片,生成对应公司的工卡。

 

  1. 设计上

面试类的题目,界面设置也比较公司化一些,以黑白色为主色,每道题目的配图成像素化显示,部分题目内容和背景元素是较亮的黄色,给界面增加了活跃的感觉。

 

  1. 交互上

下方会有倒计时显示,用户需在一分钟内回答完问题,答题内容较为丰富,直接点击答案或调解加减号生成即可。

 





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

标签

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

相关推荐:

龙族幻想:《龙族幻想》家园抢先体验

深圳美莱X美图APP:我的年代剧场

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~