H5营销可谓是无孔不入，每一个节日或是受到关注的日子都会，都会成为营销人员所抓的热点，利用热点营销能比平时起到翻倍的效果。前不久你的朋友圈又被开发季h5刷屏了吧！今天小编给大家分享比较经典的开学季h5案例。

案例一：能不能升职加薪，就看这场摸底考试了

出品：领英

技术实现： jQuery+TweenMax+PreloadJS

亮点：

1.创意定位，开学季，通过考卷的方式，让用户参与测试答题，从而推广领英品牌，鼓励用户在领英中完成自己的职业技能档案。

2.策划上，在开学日，领英联合微软Office365、沪江英语、哈佛商业评论、起点学院，通过答题小游戏的方式，对职场人所需的通识技能进行“摸底考试”。① H5上来是一个嵌入视频，视频中的主人公从职场穿越回到了学生时代的开学考试当中。② 视频以收到开学考试考卷的页面作为结束。考卷页面中有 Office操作、商务英语、商业常识、时间管理以及互联网运营五个类别，读者可以随意选择类别进入答题页面。③ 每个类别下的答题页面，分别以五道不同难度的随机选择题进行呈现。④ 读者答完题后，可获得包括考试结果、勋章以及教师评语的成绩单。⑤ 读者长按成绩单，可以保存为图片，并分享至朋友圈。

3.设计上，设计简洁大气，风格明快，非常有质感，与“职场”的主题相称。

4.体验上，前面嵌入的视频设置了跳过按钮，但对于第一遍观看此H5的人来说，视频稍长；主题不太清楚，第一遍看完了这个H5，没明白出品方要干啥；问题难易掺杂，非常有挑战性，控制不住想分享给好友啦。

案例：晨光开学季 解锁新人设

出品：晨光文具

技术实现：annieCore.min.js

亮点：
1. 策划上，以“开学季”为主题，首先输入名字，而后选择性别，回答5个问题，这5个问题是关于学生的事儿，例如：夜晚开学前一夜，作业没写完，你会？或校门口偶遇新同学，你会？每个问题有三个答案，点选即可。最后生成一张新学期对你评价的海报，海报图片与你最初选择的性别和在第二题选择的衣服，还有回答问题情况有关。分别有四种情况：才华担当、意见BOSS、体育MVP、全能学神。
2. 设计上，颗粒度漫画风格，纵向长图，会根据用户的回答，画面不断的自动向上移动。 
3. 体验上，记忆瞬间拉回上学时的记忆，最后生成的海报，每张的词都很好，用户乐意分享。
今天的分享就到这里，欢迎访问蓝橙互动查看更多h5案例分享，蓝橙互动——专业的h5开发公司，相关项目经验丰富，如果你有开发一款h5的想法，欢迎联系我们。