脉脉XHIMO海马体:1024程序员鉴别挑战赛
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要7分钟
案例:1024程序员鉴别挑战赛
品牌:脉脉XHIMO海马体
技术实现: html5
亮点:
- 创意定位
脉脉推出的致敬程序员,考验用户观察力的H5作品,用户在作品中根据提示中找出九张照片中的程序员,最后可在累计成绩中浏览所有人员的大致资料,以及登陆脉脉浏览详情,以此感受脉脉当中的人才济济,和这个APP的好玩和创新之处,提高APP的热度和下载量。
- 策划逻辑
加载界面是放大镜中不断变换的人脸,主界面是人脸集合和标题,点击进入,一共六关,每关三题,每题20秒倒计时和三个提示,六关分别是根据脸,发型,衣服,包,鞋子,眼神从九张照片中找出程序员,点击照片可查看其动态变化,点击确定系统会告知是否回答正确以及被选人员的信息概况,每关结束后可以查看此关的成绩也可以直接继续挑战,六关全部结束后可在累计成绩显示图中浏览程序员和非程序员的资料,对感兴趣的可在资料页面登陆脉脉查看详情。
- 设计上
深蓝色的页面和黑白色人物照片,对比明显,根据各种部位判断哪个是程序员还是挺有趣的,也纠正了人们对程序员的类似脱发严重和格子衫的一些固有印象。
- 音效上
背景音乐节奏较快,烘托“挑战”的氛围,答题时还会有秒针滴答的声音,听着还是挺紧张的。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号