58同城:测一测你的职场动物性格

2019-07-08 H5案例分享 H5案例分享
58同城:测一测你的职场动物性格


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

识别图中二维码

测一测你的职场动物性格-查阅二维码

完整欣赏此案例大约需要30秒


案例:测一测你的职场动物性格

品牌:58同城

亮点:

1.创意定位

由58同城制作的一款职场小测试的H5,测试职场动物的小游戏。

 

2.策划逻辑

整个H5主要分为三部分:

 

①Loading部分:肉粉色的纯色背景,有小动物头像的剪影,下方写着“根据你的选择可以掉落不同装备”“xx/100性格压缩包解压”。加载完成后自动进入主页:“测一测你的职场动物性格”一台游戏机的屏幕上写着一段话:在欲望的都市里工作,人们总是习惯将自己的个性隐藏起来,做一个不动声色的大人。假如有机会让我们去到动物的世界,你想不想知道自己的职场动物性格?滑动下方的游戏手柄进入测试。

 

②测试部分:先输入自己的姓名后开始测试,总共有6个小问题,回答后得到相应的道具。

Q1:第一天上班还有2分钟迟到,但电梯排队人很多,你会选择?

 

Q2:老板在下班前通知开会5分钟,晚上约了朋友庆祝的你选择?

 

Q3:工作出现失误,领导严厉的批评了你,并扣了当月奖金,你会怎么办?

 

Q4:周末上午10点收到工作微信,怎么办?

 

Q5:和小组同事一起讨论,有人持不同意见,僵持不下,此时你会?

 

Q6:私下和同事关系很好,但也因为如此,工作上总是请你“帮忙”,你会觉得?

 

③测试结果部分:经过短暂的生成时间,用户将得到一张职场动物的海报。可长按保存海报,也可右上角分享给朋友,点击“掉落装备图鉴”查看自己在各个的测试中收集的装备,也可点击性格职业速配进入另一个H5中。

 

3.设计上

卡通的手绘风格,混合着点缀的波点。色彩鲜明。让觉得十分时尚。

 

4.体验上

比起其他测试H5多了一步掉落装备的环节,很有新意。点击右上角可关闭音乐,静音浏览。



技术实现: HTML5



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

标签

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

相关推荐:

网易新闻、哒哒、广汽丰田:《职场不是战场,是人生的修罗场》

58同城:一封密封面试套路卷,来测测职场幸运值!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~