脉脉APP:蓝月职场生存测试

2019-08-21 H5案例分享 H5案例分享
脉脉APP:蓝月职场生存测试


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

识别图中二维码

蓝月职场生存测试-查阅二维码

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


案例:蓝月职场生存测试

品牌:脉脉APP

技术实现: html5

亮点:

  1. 创意定位

脉脉APP出品,用户选择身份,一边看视频一边在剧情节点做选择,决定接下来的剧情发展,在触发结束剧情选择时,会生成悲惨的文字版结局和职场忠告,然后返回剧情重新选择,最后生成用户分析海报,分析用户在职场中的各种能力值,以此树立脉脉APP职场专业指导的品牌形象。

 

  1. 策划逻辑

用户在初始界面可以看到剧中矛盾激化时的部分剧情和文字描述,然后可以浏览人物介绍后,开始测试,在CEO孟飞和研发总监程旭两个角色中选一个,开始播放视频,在视频中人物面临选择时,会有选择题出现,题目上面有选择倒计时,时间用完用户未选择的话视频会随机选择答案。

剧情主线如下

①孟飞在办公室焦灼不堪,等待收购方的老板前来参观,对老婆发来的信息视而不见,收购方老板离开时对孟飞很是无礼,这时公司秘书进来打小报告,晚上孟飞让程旭加班完成项目,俩人在公司呆到半夜,孟飞看见程旭要回家,追到电梯里质问,程旭说电脑正在跑最后的测试,孟非要求不跑测试直接上线。

②程旭不同意(若用户选择不测试直接上线则出现文字版悲惨结局和职场忠告,然后返回重新选择),俩人在电梯里厮打起来,电梯出现故障迅速下落,俩人昏迷,早上醒来后发现互换了身体,又厮打着进了公司,让其他员工惊讶不已,此时CFO来报告公司账户资金所剩无几,由于互换了身体,无奈之下,程旭只好代替孟飞去跟收购公司签合同。

③程旭在合同中发现了收购方自行加上了要遣散创始员工的条款,愤怒离场(若用户选择签合同则出现文字版悲惨结局和职场忠告,然后返回剧情重新选择),程旭回公司途中接到钱鲲公司老总电话要求面谈,赶紧联系孟飞也赶过来,(孟飞的灵魂还在程旭身体里),孟飞堵车未赶上,程旭只好自己进行项目解说,提出将人脸识别应用在相亲软件上,第二天用电脑演示(此时也有一个能触发剧情结束的选择)。

④孟飞回到公司发现电脑坏了,一怒之下与程旭起了冲突,后两人又和好,一起连夜修复了电脑程序,新程序发布后获得了网友的追捧,俩人开心拥抱后身体也换了回来,通过了钱鲲老总的考核,公司重新起航。

⑤故事结束,会生成用户各方面工作能力的分析海报。

 

  1. 设计上

真人演示的视频,有点电视剧的感觉,除了结尾,整个影片中人物都处在压抑,焦躁,疲惫和无力感中,经历了许多波折,最后两人清晨在办公室醒来发现成功在即热烈拥抱的时候,画面显示出了暖色调,并用窗外的旭日,街道,金色的晨光在建筑物上的移动,显示出了希望的温暖,与前面压抑紧张的剧情形成了对比,视频中有多处“脉脉”海报植入,增加用户印象。

 

  1. 体验上

有许多选择都会引发剧情结束,显示脉脉给予的职场忠告,因果关系描述的很详细,分析的也很透彻。

 

 





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

标签

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

相关推荐:

脉脉:职场变形图鉴

美度:解锁你的职场潜在人格

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~