大学时代是很多人都比较怀念时光
那里有我们无法忘却的青春
还有割舍不断的同学情谊
最难忘的应该是朝夕相处的舍友了
曾经一起经历过那么多校园往事
可能也会被小小的捉弄和欺骗
本期热门H5合集第一支
看看说的是不是你的大学生活
一毛一样，有没有......
不朽凡人：毕业前才发现，舍友居然骗了我四年......
创意分析
这是不朽凡人出品的一支宣传推广类H5。这支H5的亮点在于结合即将来临的毕业季，用大学时候经常会发生的几支小故事进行串联讲述，勾起用户的回忆，引发共鸣，进而进行不朽凡人游戏的宣传。
技术分析
技术上主要采用了视频技术和动画技术。整个故事分为宿舍关灯、逃课代签到、追暗恋女神等几则小故事，都是大学时代比较常见的故事，视频配上解说语音，更加形象逼真。然后通过故事叙述嵌入宣传主题，推广不朽凡人游戏。最后还有彩蛋，揭秘主人公掷骰子一直输的原因，增加趣味性。
视觉分析
视觉上有漫画和聊天录屏的内容相结合的方式进行讲故事，虚实结合，本身故事的趣味性加上各种漫画表情的配合，更加丰富有趣。把最后的彩蛋放在结束之后通过用户的的交互体验进行播放，体验感非常好。
旭辉集团：让我听见你的不安分
创意分析
这是一支宣传推广类的H5。整支H5的亮点在于创意上抓住内心“不安分”这一话题点，然后通过录音和再现语音等形式表现出来，营造神秘感的同时，又比较有趣，进而对旭辉的“晨辉计划”觉醒启动进行宣传。
技术分析
技术上主要采用了动画技术、语音技术和为你头像昵称的识别技术，运用动画效果把“我不管别人怎么看我，我就是要不管不顾、要勇敢、要义无反顾、要给你好看、要抓住时机”等等这样的关键词和宣传词进行动画展示。然后用户参与体验，念出对应文字，生成用户自己的心中不安分的声音。
视觉分析
整支H5以紫黑色为背景色调，绚丽的彩色作为其他元素的色调，营造一种神秘而“不安分”的意境。整体文案设计还是比较出彩的，非常吻合主题，能够很好的刺激用户心中“不安分”的情绪。最后生成的结果用动物形象作为比喻，很有特色。
天天P图+疯狂变脸：我的前世青年照
创意分析
这是天天P图+疯狂变脸在五四青年节期间出品的一支宣传类H5。刷屏效果想必大家都已经见识过了，这样的H5其实已经屡见不鲜了，但是每次还是依旧会引发刷屏，要说创意之处，也就在于紧跟五四青年节的热点，比较能够抓住大众心理了。
技术分析
技术上运用的是图片合成技术，进入H5页面后就直接进入主题，显示三张复古风格的青年照，用户点击“立即穿越”按钮，上传照片，选择性别，即可生成主题风格的图片。加上点击跳转链接，进入天天P图的下载页面。
视觉分析
视觉上采用的是复古的风格，这个跟整支H5的主题是比较搭配的，生成的照片是属于民国风的，比较有意思，非常适合用户在朋友圈传播。而且用户操作非常简单，体验感很好。
京东：都市青年丧佛指南，你是哪一种？
创意分析
这是京东出品的一直宣传类H5。亮点在于抓住时下大众比较关注的“佛系”和“丧”两个热点议题，通过答题趣味测试的形式，测测都是青年的“丧佛”类别。整体设计很精致，测试题也选的比较有趣。
技术分析
技术上运用了重力感应、视频、答题、动画等技术进行实现。进入H5页面，重力感应技术呈现一个铁门和“一点事务所”的画面。接下来点击画面右边的椅子，进入测试环节。用户输入姓名，开始测试，测试完之后生成测试结果，显示用户的“丧佛”系分析页面，下面“马上改变”按钮，点击进入宣传视频。
视觉分析
整体以黑色为背景色，加上各种金属感的配图设计，营造一种科技感。整体视觉体验还算比较好的，首先进入的是重力感应画面，然后进入答题环节，都属于趣味性比较强的设置，然后嵌入的视频内容起到宣传作用，让广告穿插的不那么生硬，比较不容易引起用户反感，视觉感受良好。
猫眼娱乐：制作你的名片
创意分析
这是猫眼娱乐出品的一支宣传类H5。亮点在于紧跟当下热议的“社会人”议题，围绕“制作你的 social 名片”为主题进行H5的设计和制作。跟之前出现的用户DIY各种图片有异曲同工之妙，比较适合朋友圈传播。
技术分析
技术上主要采用的是图片合成技术。进入H5主页，提示“输入姓名”和选择性别，然后点击“制作名片”进入用户DIY环节。下方的“形象”和“背景”按钮点击可进行不同选择，点击“next”下一步进行标签词语的选择，选择好之后点击按钮即可生成用户的“社会人名片”，生成一张专属海报。
视觉分析
视觉上采用的是插画风格，人物的设计形象属于脑洞比较大的，视觉上比较具有冲击力和吸引力；加上每一种类型的关键词搭配，选择8个，而一共有4组，每组有十几个关键词，给用户的选择空间还是比较大的，整体增加体验好感。
纵观最近比较热门的一些H5
不难发现其中的奥秘
那就是互动性大的H5受欢迎程度较高
而且这些互动的门槛要低，操作要简单
这样既可以吸引用户参与
又可以增加体验好感
刷屏效果自然可想而知
我是汪汪
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
