这周最刷屏的H5
莫过于QQ音乐的
《大明星成长记》
H5采用短剧形式
内容信息高度密集
情节轻松愉快
男主旁白+用户互动问答的形式
串联动漫剧情与艺人采访
将内容串的很连贯
大家可以多关注下
许久不出H5的网易云音乐这次也出了新作品
不过说实话
对于这款H5二宝看不太懂
百度、美的、民生信用卡则分别针对不同的节点
对自家品牌做了品牌曝光H5
各自都有着各自的特色
大家可以自行赏析
欢迎大家体验
QQ音乐：我是大哥大野生番外
创意分析：
这是QQ音乐配合《Indie pop》乐队的中国巡回演出
而推出的动漫创意H5
整个H5以短剧的形式
通过诙谐幽默的故事情节
将《Indie pop》乐队的背景及乐队成员介绍出来
并且利用答题玩法让用户对《Indie pop》乐队有更深入的了解
技术分析：
技术分析：
整个H5故事情节设计轻松有趣
首先以小林为主人公介绍了自己的学院
并说出自己的梦想是当个摇滚明星
但不知道作为一个摇滚明星需要注意哪些问题
随后进入问答环节
包括音乐的创作灵感从哪儿来
上台演出应该穿什么样的衣服
怎么让中国朋友喜欢自己等
一堆稀奇古怪的问题让用户选择
然后《Indie pop》乐队真人出镜来回答这些问题
最后引出《Indie pop》乐队的巡回比赛信息以及落地购票链接
视觉分析：
设计上采用的日漫风格
并且搭配鬼畜沙雕的配音和画面效果
通过白底为主，以蓝色、橙色作为主色调
画面展示清晰明了，非常有趣味
百度APP：高考H5
创意分析：
恰逢高考，因此不少高考类H5层出不穷
但相比很多品牌做的高考答题H5
百度这款高考H5则以人格心理测试为主题
以美国著名心理学教授霍兰德“职业兴趣理论”为基础
用长图形式展示出与人格相关的六道题
通过测试问答给出职业结果
并引出自己的高考智能填报志愿功能
为百度品牌曝光及产品引流做准备
技术分析：
开头通过一段简单的卡耐基的名言引出话题
并进行题库的加载状态
随后进入题库答题页面
页面设计的较为精巧
通过卡通电脑及键盘的形式让用户进行答题交互
随后是六道题目
都是属于对用户行为的主动性分析
选项A和B分别对应用户主动和逃避
当回答完全部的六道题目后
就进入结果页
输入姓名后就可以发掘自己的人格优势
以及适应自己人格的专业、院校及志愿
最后的结果页分析维度很多
包括对事、对人、专业等等维度
都有对应的关键词及话术
海报上有个开挂按钮
点击即可进入高考加油智能小程序
视觉分析：
设计上属于经典的卡通漫画的风格
每个答题的场景都有自己的交互声音及动效
整体设计较为精美
也能唤醒用户的参与感
而且在测试前给出理论基础
让用户感觉很专业，测完后再给出的正向分析
感觉“超准”
并且答题测试的文案也很有趣
网易云音乐：一起设计一张属于你的海报吧
创意分析：
这是网易云音乐推出的一款测试问答的H5
继各种故事及性格问答H5之后
网易云音乐开始把目光投向心理测试类型
而这次的测试问答则是让用户展开自己天马行空的想象力
画面不做任何内容限制
只提供四个最简单的用户行为
让用户选择自己最喜欢的选项
技术分析：
作为一款答题类H5
网易云音乐这款H5并没有太多出彩的地方
只是在创意上做了一些升华
整个H5一共有四个问题
第一个问题是让用户从四个图形中选出自己当前最像哪个图形
第二个问题是让用户从四个音乐旋律中
选择自己最喜欢的旋律
比较有特色的是每次进入的时候
旋律都会有所不同，令人有新奇感
第三个问题是选择现在的心情
第四个问题是随意敲击屏幕
而且每次敲击屏幕出现的图形都会不同
最后生成一个属于用户自己的海报
视觉分析：
整个设计上延续网易云音乐经典的纯色背景
并且搭配上网易红的设计元素
整个色调大气且沉稳
COLMO：消失的爱人
创意分析：
一款偏向故事的叙事H5
COLMO是美的集团旗下定位高端的AI科技家电品牌
作为一个新的家电品牌
因此更希望在用户场景上让用户记得自己
COLMO就通过H5讲述了一个成人世界的故事
男主人公为了工作赚钱
远离家乡孤身一人出差在外
不能陪着妻子、孩子和父母
只能把全部精力用在工作
当辛苦一天回到家之后
面对冷冰冰的房间
还要自己做饭洗衣的难处
这时候品牌随之展现曝光
通过旗下全套家电厨具为用户解决难题
技术分析：
作为一款故事型的H5
通过结合漫画的形式提高用户观赏体验感
故事通过微信里面的618通未读消息展开
而且品牌元素贯穿整个H5
无论是故事刚开头的COLMO号飞机
还是机场玻璃窗旁边的广告牌
还是高铁上的过道信息
最大化的让品牌曝光
让用户对品牌充满了疑惑
这究竟是什么品牌
直到故事结尾揭晓
COLMO是美的高端AI科技家电品牌
令人恍然大悟
也给用户留下了深刻的品牌印象
视觉分析：
整体设计上采用黑白漫画的形式
黑白色调配上素描白稿
令整个故事充满了阅读的感觉
仿佛真的是在看一本有意思的漫画故事书
整体色调也展现了品牌的沉稳大气风格
民生信用卡：明天不失陪
创意分析：
这是民生信用卡为自己14周年而策划的H5
主题以明天不失陪为概念
通过一段温情视频描述一个人的成长及老去
展现一个人从年轻到老年中的一些片段
从婴儿时期的初探世界
到青年时期的追求梦想
到中年时期的努力工作
到老年时期的害怕孤独
展现出特别的亲情关系
技术分析：
虽然是一个情感类H5
但整个故事的主人公并不是实体的人
而是一张白纸
通过纸张的各种不同形态
展现出主角及主角的朋友们各种设定
虽然文案及画面动情
但与民生信用卡的品牌结合较差
整个H5中看不出与民生信用卡有任何关系
仅有最后一个画面的文案及露出品牌logo
一路相伴、信任长在
但在落地页有一个小插曲是有一个父爱片场
还原了一个真实人物的视频
很感人
视觉分析：
整体设计上分层有层级感
因为利用了纸张进行故事叙述
因此在场景画面上更强调景物展示
整个设计中远近景交替较为和谐
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取10000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrxiu.net
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
点击阅读原文，即刻制作！㊋㊋㊋