美文网首页
招聘类H5案例合集 丨五大创意招聘H5汇总

招聘类H5案例合集 丨五大创意招聘H5汇总

作者: 未来应用 | 来源:发表于2019-11-15 17:25 被阅读0次

    NO.1

    惊奇职位贩卖机

    H5出品方:领英

    H5创意定位

    领英联合6大品牌,通过H5对各种惊奇职位进行介绍为品牌方达到宣传和招聘人才的目的

    H5用户路径

    进入H5—观看视频—挑选职位—观看视频(可跳过)—分享裂变/查看具体招聘信息

    H5策划逻辑

    1. Laoding页面:黑颜色作为页面主色调,一台红色电视机在页面内快速闪动,伴随半分比进度进入H5主页面

    2. 内容部分:页面内文字展示H5主题,浮动按钮引导用户点击“一探究竟”,以一台电视机的方式语音播放“我是一台贩卖机,这里藏着神奇的工作”,随后进入招聘页面,不同类型招聘岗位都用一个词来代替,例如“探索”“性感”等,左右可自行进行挑选,挑选完成后每一个岗位再以视频方式进行介绍(可跳过)

    3. 海报页:三行图片动态展示公司工作环境,配以文字对公司进行介绍与说明。点击“更多惊奇职位”可重新体验H5,“让朋友长见识”引导用户进行分享传播,右侧“查看职位”引导用户进入详细招聘页面了解查看个工作信息

    H5设计与体验:

    此H5制作正值夏天,是工作情绪最低靡的季节,领英联合6大品牌,带来一批有趣、有料、性感的惊奇职位,并把它们塞进了一台贩卖机里,通过贩卖的独特方式吸引用户对招聘信息的关注

    案例欣赏

    NO.2

    让我听见你的不安分

    H5出品方:旭辉集团

    H5创意定位

    抓住当代年轻人“不安分”的特点,以此来宣传品牌进行招聘

    H5用户路径

    进入H5—查看H5文字展示—录音—生成海报—分享裂变/查看具体招聘信息

    H5策划逻辑

    1.Laoding页面:以深黑色为背景,白色点状动态环绕,提示用户打开声音进行体验,点击屏幕任意位置进入H5

    2.内容部分:每个页面右侧都有与当代年轻人心境相符合的引导语,并单独配有文字以旋转的样式动态展示。长按“唤醒不安分”,并需对准手机大声念出,增加了与用户之间的强交互

    3.海报页:系统根据用户的声音自动匹配出与之相类似的动物,展示动物图片,以动物原有声音作为BGM。再次用“不安分”的励志文案刺激用户心理,点击“唤醒你的不安分”,可进入详细招聘页面查看招聘信息

    H5设计与体验

    根据当代年轻人有热情,不安分等特点,利用文案与音效进行引导与刺激。H5中既有强交互也有吸引用户的亮点

    案例截屏欣赏

    NO.3

    今天早上,王先生的舌头丢了

    H5出品方:瑞幸咖啡

    H5创意定位

    一位员工早起后发现自己舌头丢失,通过自己与舌头分离的故事,来突出职场的心酸,以及品牌方产品的独特,并借此招聘“首席寻味观”

    H5用户路径

    进入H5—观看故事—填写招聘信息—裂变分享

    H5策划逻辑

    1.Laoding页面:一对男女背向而行,蓝色进度条带用户进入了H5的故事情境

    2.内容部分:整个H5以故事的方式展开,讲述了一位职场人士与自己舌头丢失的故事,由于工作的焦虑和忙碌根本顾不得去寻找自己的舌头,舌头过着与自己截然不同的生活。通过两种生活的对比来反映当今职场的压力和品牌方产品的美味,以及能够提供给员工的工作环境

    3.海报页:显示品牌方名称以及Logo,点击“戳我应聘”填写个人应聘信息,点击下方动态三角可查看具体招聘需知,“召唤好友”可将此H5分享给好友,分享文案为“温柔一戳,召唤更多吃货”

    H5设计与体验

    整个页面颜色都以蓝色作为主色调,这与瑞幸咖啡一直以来主打的品牌颜色相一致,作为场景故事类H5,以独特的经历和故事为引导, 从熟为人知的生活,工作和感情来和用户之间产生共鸣

    案例截屏欣赏

    NO.4

    一封来自腾讯的offer

    出品方:腾讯

    创意定位:

    以参加守护腾讯信息安全竞赛引导用户不断参与H5交互,再通过H5介绍真实活动,吸引用户参与报名

    用户路径:

    进入H5—进行交互—查看故事—填写信息—长按保存图片/再来一次

    策划逻辑:

    1.Laoding页面:黑色为主背景,聚光灯下一个快递盒子打开后,用户进入H5主页面

    2.内容部分:拆开快递盒子呈现给用户一个日记本,通过不断的翻阅日记本查看其中隐藏的内容故事,其中包括介绍腾讯顶尖人才,和动态立体展示腾讯科技成果,随后出现与用户之间的互动,在倒计时30秒内,完成九宫格拼图以此引出即将开始的腾讯信息安全大赛进行赛事成员招募

    3.海报页:填写个人信息后生成专属海报,长按保存图片

    H5设计与体验:

    使用canvas实现,通过识别故事的进展,将不同的图片素材,载入到画布canvas中,带给用户奇特的体验

    案例截屏欣赏

    NO.5

    答案之书

    H5出品方:拉勾

    H5创意定位

    拉勾作为招聘网站在招聘季通过引导用户参与测试的方式,扩大品牌宣传效果和招募人才

    H5用户路径

    进入H5—查看文字内容—参与H5测试题—生成专属海报—查看招聘信息

    H5策划逻辑

    1.Laoding页面:纯黑色作为页面主颜色,白色字体突出H5主题,用一句书中的话和进度条使用户进入H5

    2.内容部分:以文字形式带用户进入故事情境,根据当代年轻人生活和工作特点引发人们对人生选择题的思考,所有测试题也都有工作薪资和工作相关,突出拉勾品牌方主要定位

    3.海报页:根据用户参与的测试系统自动生成关于用户性格特征的专属海报,长按保存图片,点击“实力派招聘节”可进入招聘页面详情信息

    H5设计与体验:

    页面构图颜色十分简单,采用黑白手绘漫画形式,利用年轻人心理特点和社会大环境为主题来更加吸引和刺激用户

    案例截屏欣赏

    更多H5案例、小程序开发案例,请访问未来应用www.h6app.com

    相关文章

      网友评论

          本文标题:招聘类H5案例合集 丨五大创意招聘H5汇总

          本文链接:https://www.haomeiwen.com/subject/damsictx.html