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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号