下载h5案例素材（音效、图片、视频、代码）

请加微信：houtiemin

史上最长

长

长

长

长

长

长

长

长

长

长

…

招聘类Ｈ５案例合集～

各类型招聘H5，小编吐血整理，迟早用的上，赶紧收藏！

模拟朋友圈招聘类

人才通缉令

（扫描欣赏）

1.内容：loading页是黄色封面，上面有个小黄人，点击“开始”按钮，进入模拟的手机界面，小黄人被大炮打到手机屏幕上产生碎屏效果，然后从底部爬出来举起了一张人才通缉令，接着转到模拟的微信群聊和朋友圈发布招聘信息，最后是一张通缉令，通过这种方式发布招聘信息，点击“我要自首”，一组轮播图展示产品，并有逗拍APP的下载按钮。

2.亮点：小黄人的乱入使得画面自带喜感，还穿插了它贱贱的笑声，确实十分有趣。另外招聘用通缉令的形式也是很新颖。

3.体验：小黄人动画好评！配音好评！模拟微信群聊和朋友圈比较有代入感。

面试官的声音

（扫描欣赏）

1、内容：进入案例往右边滑动与产品类面试官，设计类面试官等多位面试官直接微信对话，里面有已经提问和回答的问题，面试官以语音方式对问题进行解答，并可在最后投递简历。

2、亮点：用微信问答形式了解腾讯校园招聘的要求和具体细节以及工作岗位，真实可信，画面设计严肃认真，面试官又有趣的一面，形成反差，有震慑力。
3、体验：在与面试官对话环节，面试官的回答十分有诚意，不是冷冰冰的招聘宣传，有亲切感。

游戏互动招聘类

警报!不明外星生物入侵

（扫描欣赏）

1、内容：这个案例是一个结合了漫画的招聘推广，先用漫画额形式讲述不明生物入侵的故事，需要正义之士们从天而降，随即出现上滑召唤英雄手势，进入得是一个游戏页面，有四个英雄，分别是产品、技术设计和运营，按照手势指引一一出招将怪兽打败，随即出现招聘联系方式，也可以再玩一遍以及分享朋友圈。

2、亮点：游戏结合漫画加上生动形象的故事情节，让人印象深刻，参与性强。

3、体验：游戏挺有趣的，但是很简单，总体来说很有趣。

华扬联众，牛犊计划

（扫描欣赏）

1、内容：这个案例是一个结合了限时游戏的招聘推广，有3个小游戏分别是：客户来了，选择匹配的色块，给他想要的；脑洞爆发，抓住天马行空的符号；越改越好，还原广告名句的正确排序。三关游戏通过后，弹出“2016牛犊计划”的宣传海报，点击“去占位置”，弹出报名信息提交表单。

2、亮点：游戏设置了3个环节但是都比较简单，界面采用卡通的设计风格，活泼可爱，与招聘实习生的主题贴合。

3、体验：游戏挺有趣的，但是很简单，总体来说比较一般吧。

不满足小宇宙去更广阔的天空

（扫描欣赏）

1、内容：这个案例通过一款很有趣的游戏去转折到招聘的目的上， 这是个可双屏互动的游戏，在老板那呆着不爽，现在就要跳槽，可老板不让走，现在有两种方式PK老板，实现成功飞到宇宙的愿望，第一种：单打独斗，在10秒内向上滑动，看看我能不能去到更广阔的天空；第二种：约战PK，双屏互动，采用扫描二维码方式共同进入到游戏页面，在10秒内，员工/BOSS分别向上/向下滑动，看看究竟谁能笑到最后。

2、亮点：游戏进入之前有铺垫介绍，显得不那么突兀，游戏界面设置得很有趣，员工使劲往上飞，老板使劲往下拉，另外游戏配乐也是很有渲染力。

3、体验： 案例游戏趣味十足，是一款值得一玩的h5，而且还有双重PK方式，这个招聘也是做的挺用心了。

高奖励急寻稀有动物

（扫描欣赏）

1、内容：整个H5主要以蓝色为背景，页面的一开始主要有一些词条和标题的显示，点击底下”去应聘“即会进入一个急聘以下稀有动物，页面上有4中选择，可自由点击，每点击一个，就会进入相应的应聘，再点击应聘又会进入另一个游戏测试的页面。在最后，如通过应聘市场运鹰，会出现一个刮刮乐抽奖的环节。点击循环反复。

2、亮点：整个游戏主要以蓝色为背景，给人一种将要进入游戏挑战的感觉，并且游戏形式是以“应聘”来开展的，与其他游戏不同。

3、体验：人物卡通漫画风，以应聘为形式，整个游戏过程流畅好玩，令人寻味。

测试问答招聘类

今天你social了吗

（扫描欣赏）

1、内容：一共有十道测试题，都是与工作相关的，你遇到创意被掏空，业余爱好等搞怪问题。

2、亮点：手绘漫画风格，采用黄色作为主色调，格子白底背景，能够很好地突出重点，手绘人物设计搞怪有趣，动效结合内容，很强的趣味性。

3、体验：答错了还有正确答案提醒，答题过程很流畅。

腾讯大申网2016招聘季

（扫描欣赏）

1、内容：一共有十道测试题，都是与工作相关的，你会与同事如何相处，并由此推测出你未来的同事是怎么样的。

2、亮点：，手绘漫画风格，采用绿色作为主色调，灰色作为背景色，能够很好地突出重点，更添精致性，每个页面里的小元素又稍有变化，增添了趣味性。

3、体验：可点击答题页面上的“上一题”，去修改自己选过的测试题；每题答完后才能点击“下一题”按钮，进入到下一个测试页面，小编没想到我以后的同事竟然是这样的...

地球地理听力考试来袭！请做好防护

（扫描欣赏）

1、内容：这是一只图文答题类型的H5，通过对不同声音的特殊处理让用户去回答问题，回答结束以后还会给出一个回答的分析，点击页面下侧的“进入神奇实验室”查看相应信息和招聘信息，点击右侧可以进行分享。

2、亮点：蓝色主色调加以线条设计，让整只H5充满科技性。

3、体验：H5过程中的一些声音处理很真实，给一种强烈的科技感。

今年要考啥这里有解答

（扫描欣赏）

1、内容：这是一只图文加视频类型的H5，在首页输入姓名进入考试环节，答题结束会根据这次答题情况给出成绩单，点击成绩单下方的“点击前往”观看斗鱼主播的高考祝福，下一界面就给出了斗鱼目前招聘的人才，点击可以查看具体的岗位信息。

2、亮点：魔性的语音解题分析十分搞笑，整体的蓝色线条也使H5显得简洁干净。

3、体验：看完以后，脑子里全都是那个魔性的解说旁白，这一点给人的印象最为深刻。

视频互动招聘类

腾讯工程技术事业群招聘H5：WE ARE TEG

（扫描欣赏）

1、内容：通过首页的js动态按钮进入下一界面，整个过程横屏设置，采用了拍摄好的完整多骨诺视频，并且在视频的不同节点出现相应文字，可以鲜明和充分的展现TEG是什么。视频播放完后，有Join Us入口，直接提交个人简历信息以及问卷。

2、亮点：整个画面采用横屏设置，视频拍摄有一定技术含量，使用户能够身临其境。最后通过Join Us入口，直接提交个人简历信息以及问卷，简单方便快捷。

3、体验：进入首页，用JS设置的动态按钮吸引人点入。视频除了拍摄精致，也采用了独特的方式——多骨诺，吸引眼球。 视频中出现的文字简单明了，不仅让人快速了解TEG是什么，而且不会让人觉得视觉厌倦。

网易邮件20周年放大招啦

（扫描欣赏）

1、内容：通过首页动态按钮提示进入下一界面，整个过竖屏设置，采用搞怪旁白介绍和Rap组合的视频，并且在视频的不同节点出现相应文字，画面手绘人物加上rap说唱视频。视频播放完后，有“聘“”入口，进去查看招聘岗位信息。

2、亮点：整个画面采用竖屏设置，视频手绘搞怪人物加上旁白和rap说唱，使用户能印象深刻。最后通过聘入口，查看岗位信息提交岗位申请，简单方便快捷。

3、体验：视频轻松活跃，介绍了网易邮件20周年的历程，也采用了好玩的rap说唱方式。 视频中出现的文字简单明了，不仅让人快速了解视频传达的信息是什么，而且不会让人觉得视觉厌倦。

互动展示招聘类

智联招聘,燃烧的智联

（扫描欣赏）

1、内容：本案例为智联招聘一则招聘H5，开头通过展示一张海报，下滑进入下一页，简要概括了关于公司的简介和和成绩，向上滑进入下一页，这一页是模块介绍，在下一页是一一介绍了智联招聘的核心功能，随后出现智联招聘二维码

 2、亮点：全篇星空背景为主，以星际为主题配合高昂激进的音乐，让人印象深刻。

3、体验：较为常态化的翻页展示H5，顺畅明了，快速获得智联招聘信息。

你在滴滴的366天

（扫描欣赏）

1、内容：首页提醒横屏设置，采用了插画分格，页面自动跳转，讲述滴滴的历程和故事，介绍了再滴滴分员工福利最后出现员工登录口和简历投递口。

2、亮点：整个画面采用横屏设置，视频拍摄有一定技术含量，文案

3、体验：进入首页，用JS设置的动态按钮吸引人点入。视频除了拍摄精致，也采用了独特的方式——多骨诺，吸引眼球。 视频中出现的文字简单明了，不仅让人快速了解TEG是什么，而且不会让人觉得视觉厌倦。

金立手机2017年招聘

（扫描欣赏）

1、内容：本案例为金立手机的一则招聘H5，开头通过展示一张海报，下滑进入下一页，简要概括了关于公司的简介和两则视频，向上滑进入下一页，这一页是介绍公司福利，在下一页是照片职位介绍，点进去有详细的职位介绍，往下翻是加入要求和联系方式，最后可以填写招聘信息。

2、亮点：全篇以黄色、扁平化为主，绘图颇具幽默色彩，整体对用户产生极强的视觉冲击，印象深刻。

3、体验： 较为常态化的翻页展示H5，顺畅明了，快速获得招聘信息。

快到ELLOWORLD怀里来

（扫描欣赏）

1、内容：本案例为艾洛互动的一则招聘H5，开头通过展示一张海报，下滑进入下一页，简要概括了自身特点及合作客户，点击进入下一页，这一页是一个老司机开着车，车里和车上坐有形形色色的人物角色，这些人物是艾洛互动各类岗位上的负责人，人物信息可以点击翻转图片查看，正面显示名字与职位，反面则是名字与角色定位。点击中间的问号可以查看招聘岗位的相关信息。 

2、亮点：全篇以黄色、白色和黑色为主色调，绘图略显夸张但颇具幽默色彩，BGM是来自The Beatles乐队的“I Want To Hold Your Hand”，整体对用户产生极强的视觉冲击，印象深刻。

3、体验：虽然说交互上只有简单的点击和滑动，但从视觉听觉上已经足够吸引人，其中对职位人员的介绍分区幽默，让人体会到艾洛互动是个很有意思的班子，而且有种技术制霸的感觉！ 

京东2017海外招聘

（扫描欣赏）

1、内容：这个案例属于招聘类，进入页面是两个由彩带旋转拧成的字母JD，还有JD全球招聘迅速启动的英文字样，点击6个不同颜色的小点或者屏幕下方的字体以炫酷效果展现了2017年京东海外招聘的岗位及需求，以时间轴的形式展现了9月20到10月29日的招聘宣讲行程，想了解更多京东2017海外招聘信息的小伙伴可登陆campus.jd.com，若想参与宣讲会报名或投递简历的，可点击尾页的“宣讲会报名”或“职位投递”。

2、亮点：深蓝色的背景使得案例显得格调高大上，也形成了更明显的视觉对比凸显重点。另外jd的展示形式很炫酷，果然是海外招聘就比较厉害的样子。

3、体验：案例最开始打开交互提示不明显，在首页停了一会不知道干嘛，这个是需要改进的地方，其他逻辑性条理都很清晰。

企鹅家的离职申请

（扫描欣赏）

1、内容：采用辞职信的方式介绍了腾讯大豫的福利，同事美又热情，福利好，老板喜欢发红包，出国旅行福利等，用正话反说的方式将公司的好说了一遍，并在最后给出招聘岗位和电子简历发送的邮箱。

2、亮点：在信的开头以为真是辞职信，看到中间才明白是招聘，语言幽默风趣，在吐槽公司福利太好而让自己变胖不着家的抱怨也是让人啼笑皆非，有亲切感。
3、体验：画面设计简约，蓝色为主的字体更偏商务，比较正式。

展示招聘类

互动展示招聘类互动展示招聘类— —END— —

— —END— —

下载h5案例素材（音效、图片、视频、代码），请加微信：houtiemin

本文由199CASE原创，转载请注明！　

专注于创意的移动营销案例搜索引擎

官网：http://www.199case.com

微信公众号：199case