脉脉XHIMO海马体:1024程序员鉴别挑战赛

2019-10-23 H5案例分享 H5案例分享
脉脉XHIMO海马体:1024程序员鉴别挑战赛


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

识别图中二维码

1024程序员鉴别挑战赛-查阅二维码

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


案例:1024程序员鉴别挑战赛

品牌:脉脉XHIMO海马体

技术实现: html5

亮点:

  1. 创意定位

脉脉推出的致敬程序员,考验用户观察力的H5作品,用户在作品中根据提示中找出九张照片中的程序员,最后可在累计成绩中浏览所有人员的大致资料,以及登陆脉脉浏览详情,以此感受脉脉当中的人才济济,和这个APP的好玩和创新之处,提高APP的热度和下载量。

 

  1. 策划逻辑

加载界面是放大镜中不断变换的人脸,主界面是人脸集合和标题,点击进入,一共六关,每关三题,每题20秒倒计时和三个提示,六关分别是根据脸,发型,衣服,包,鞋子,眼神从九张照片中找出程序员,点击照片可查看其动态变化,点击确定系统会告知是否回答正确以及被选人员的信息概况,每关结束后可以查看此关的成绩也可以直接继续挑战,六关全部结束后可在累计成绩显示图中浏览程序员和非程序员的资料,对感兴趣的可在资料页面登陆脉脉查看详情。

 

  1. 设计上

深蓝色的页面和黑白色人物照片,对比明显,根据各种部位判断哪个是程序员还是挺有趣的,也纠正了人们对程序员的类似脱发严重和格子衫的一些固有印象。

 

  1. 音效上

背景音乐节奏较快,烘托“挑战”的氛围,答题时还会有秒针滴答的声音,听着还是挺紧张的。





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

标签

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

相关推荐:

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

海马体照相馆:测测你的圣诞角色,定格欢乐瞬间

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~