教育行业H5案例精选

物可四意互动

广州/设计爱好者/6年前/530浏览

版权

教育行业H5案例精选

物可四意互动

教育行业H5案例精选

案例：毕业照相馆

H5介绍：人民日报|新媒体和腾讯在毕业季推出的H5，为不能回校穿毕业服拍照的同学，弥补些小小的缺憾。

① 首先进入首页，点击“开启”按钮后，是一段11秒（mp4格式）的视频，视频中是4个大学生活的典型镜头，入校、校园活动、答辩、毕业，视频播放完毕后，点击“我要拍照”按钮，进入合成毕业照界面；

② 在合成单人毕业照界面中，需要上传一张正面无遮挡照片，选择性别、学科、学位；点击“下一步”按钮后，可以看到采用人脸融合技术，将用户上传的五官信息与默认模板脸部进入融合的合成照片，在此页面中有2项可以选择：姿势和背景；毕业动作可以有两个姿势，可以点击合成照片的右上角进行切换姿势，合成的背景有12种可以选择，通过合成照片下方的左右箭头切换；最后，点击“确认”按钮，确认生成海报。

https://www.workingforeat.com/marketing_details/479.html

案例：请查收你的青春考卷

H5介绍：借助高考热点，用户在作品中可以查看不同年份不同省份的高考作文题目，有兴趣的可以参加比赛，用“高考”这一热门话题提高比赛的吸引力和参与人数。

初始页是一张语文试卷，上方浮现字幕后，试卷缓缓从教学楼外的窗户飘进走廊，飘进教室，落到一位女同学的后座桌子上，档案袋出现，用户输入名字，选择省份和年份，点击触点即可看到相应高考作文题，用户可分享或点击跳转至平台。

https://www.workingforeat.com/marketing_details/480.html

案例：我的教师聘用书

H5介绍：有道精品课在教师节期间推出的创意人脸合成H5，以达到对旗下名师的宣传。

①主题页，用户点击“开启我的教师生涯”进入聘用书生成界面；

②用户拍摄或上传一张正面照，并选择性别，后台通过识别图片，生成相应的“面相分析”，如“笑容和蔼”、“五官端正”等

③生成一张专属的合成海报，并给出幽默调侃的配文，如“假笑系主任”、“表演系教师”等等。点击“不服重来”可再次体验，点击“看同行在干啥”可跳转至品牌宣传页面。

https://www.workingforeat.com/marketing_details/292.html

案例：北京家长考试

H5介绍：学而思培优推出的测试北京家长能辅导孩子几科的问答类H5，一共8个科目：语、数、英、生、化、史、物、音、美，每科一个题目，最后给出成绩，这些题目看似简单，但想答对还是很难的，从而引发品牌传播。

https://www.workingforeat.com/marketing_details/287.html

案例：《年少诗篇》

H5介绍：由学而思出品，宣传对象为其15周年出版的故事集。将图书以H5的形式展示其几个分版块，以达到宣传目的。

整个H5仿一本书的结构，包括封面、引语、目录和正文；①主题页，展示H5主题为15周年故事集，并提示用户滑动翻页；②一页对用户的寄语，文字显示为渐显；③目录页，可点击目录中的每条文字，查看相应的介绍海报，并提示用户可返回目录重新选择，或者直接分享；④分享页，为6个版块的缩略图，点击小图可查看大图海报。

https://www.workingforeat.com/marketing_details/288.html

案例：父母VS娃，到底谁该说谢谢？

H5介绍：新东方品牌宣传H5，以“成为更好的父母”为主题。首先以父母的角度看待孩子，而后以孩子的角度看事情，说出“真相”。

剧情视频的形式，首屏引导用户点击播放按钮，查看家庭日常，妈妈辅导孩子写作业，工作中的爸爸的文件被水杯湿了，孩子把屋子四处都是纸屑，拿个快递回来玩具被铺了一地视频暂停；出现询问交互，你是否也是这样的父母，可以看妈妈或者爸爸两个角度，而后说出前面故事的真相，中间播放时，依然有交互，通过一步步点击和视频的播放，了解故事的真相；最后给出“成为更好的父母”的主题。
https://www.workingforeat.com/marketing_details/289.html