喜茶+新浪深圳：深圳有“喜”，致敬深圳
创意分析：
我们都知道喜茶的总部坐落于广州深圳，
而作为广受年轻人喜爱的网红饮品，
在深圳经济特区成立40周年之际，
当然要有所“表示”。
以一支讲述深圳发展历史的H5，
致敬深圳经济特区成立40周年，
喜茶的这一波借势营销可谓相当有心了。
一镜到底的叙述方式，
中间穿插品牌亮相，
点击与滑动的互动方式，
也让用户拥有了极好的参与感，
创意满满！
技术分析：
技术上最大的亮点是
采用了“一镜到底”的呈现方式，
加上滑动的操作方式进行互动，
让用户能够很好的把握体验的节奏。
打开整支H5，
首屏地图显示1980年8月26日深圳经济特区成立，
提示点击黄色的星星，
用户进入“深圳40年发展之旅”。
中间有很多提示用户操作的交互设计，
主要是采用“点击”和“滑动”两种，
既操作简单又丰富了用户体验。
视觉分析：
整支H5采用的是手绘风格，
以金色为主色调也比较符合周年庆的大主题，
辅助色灰色、蓝色和红色，
整体配色有点复古的时代感。
通过这支H5，
简单的了解了深圳的发展史，
感受到深圳40年的巨大变化，
一镜到底的叙事方式将故事娓娓道来，
有趣的同时也比较有意义，
增加用户体验好感的同时，
更是一场视觉享受！
故宫博物院：一起来寻找故宫瑞兽吧
创意分析：
故宫博物院与中国建设银行联合开发的
“丹宸永固：紫禁城建成600年”文创产品，
通过这支创意H5
很好的对故宫吉祥物系列金饰进行了宣传。
创意策划上借势“丹宸永固——紫禁城建成六百年”展，
让对神秘故宫充满向往的用户，
也能感受到故宫瑞兽所凝聚的祥瑞。
视觉分析：
故宫出品，必出精品。
这支H5从视觉设计上来说可以称为精美了。
标题页手绘的紫禁城大门，
祥云仙鹤营造古老的文化氛围，
立体的可旋转实体图
让用户可仔细查看金饰的做工细节和造型设计，
增加对用户的吸引力。
雪佛兰：你守护我们，我守护你的梦想假期
创意分析
这是上汽通用雪佛兰推出的活动H5，
旨在宣传“圆梦白衣天使梦想假期”活动。
白衣天使这个词在今年这样特殊的情境下
更加具有吸引力和亲和力。
雪佛兰以给医护人员送假期为切入点，
吸引用户参与活动。
H5的开头采用视频采访的形式，
而受访人员是医护人员的亲属，
通过他们的讲述，
让更多普通人对医护人员的辛苦有更深切的感受；
同时，活动对于普通用户也是很友好的，
因为普通用户也可以通过助力活动赢取福利，
增加用户参与感！
技术分析
此H5案例的交互方式还是比较简单的，
主要是视频播放和选择触动两种方式。
以采访视频的形式开篇，
视频中采访了医护人员的妻子、女儿、丈夫，
听到他们对于医护人员缺少假期陪伴来家人讲述，
引起用户的情感共鸣；
视频结束后，进入雪佛兰圆梦计划，
点击“活动规则”了解活动的各项内容，
用户点击申领假期，选择自己的身份，
即可得到相应海报，点击抽取门票，
输入自己的姓名和手机号，
确认提交参与活动。
视觉分析
整支H5在视觉上给人很舒服的感觉。
视频简洁，采访内容深刻，
让用户能够直观的感受到医护人员家属承担的责任，
以及医护人员的不容易。
整个案例以灰白色为主题色，
里面的多张海报图片都是疫情期间
在网络上热传的令人印象深刻的照片，
一下子就把用户拉进感性的漩涡，
参与活动，分享活动也只是动动手指的事情了。
字节跳动：遇见文豪
创意分析
这是字节跳动旗下品牌
抖音、今日头条、番茄小说、西瓜视频
联合出版机构发起的“都来读书”活动的宣传H5。
策划上采用场景穿梭的形式，
给用户营造一种畅游在世界名著中的感觉，
精选5本名著，
用插画的形式表现书本内容，
同时将名著的作者、名著中代表人物与场景融合，
让用户以画面穿越的形式观看名著，
号召大家都来读书，
与伟大的灵魂相遇！
技术分析
整支H5的技术设计上
主要由视频、动画和一些触发按钮的交互构成。
首先点击首页面的呼吸点，
触发一个简短的视频，
提示用户输入昵称，
然后点击进入与五位大文豪的奇妙邂逅之旅。
每一位文豪都置身于一本名著的场景中，
需要用户长按屏幕，
触发页面动画，形成视觉差，营造穿越感。
每一位文豪的手绘画面都附上了名言，
用户通过左右滑动进行选择，
然后可长按保存生成海报，
形成文豪专属定制的名片。
视觉分析
画面统一采用手绘的形式，
形象的将书中场景和人物展现出来，
通过长按页面按钮的交互方式，
将一个奇异的世界展现在用户眼中，
营造在书中畅游的体验感。
五本名著、五位大文豪、
五个场景、五种不同的奇妙体验，
给用户留下丰富的视觉体验！
新希望：爱的潜台词
创意分析
这是新希望乳业在520网络情人节
推出的一款游戏互动型的宣传H5。
人们都说，女人心海底针。
任何女人都喜欢口是心非，
男生永远不可能通过女生的外在行为读懂她们的内心。
那些咋听平平无奇，
细想却暗流涌动的潜台词，
男生如果不懂可就要惨喽！
这支H5巧妙的抓住了这一话题，
利用人们想窥探女生“潜台词”的心理，
激发用户参与挑战，创意满满！
技术分析
这支测试型的H5通过点击选择的交互形式，
让用户选择女生每句话所代表的潜台词，
最终生成专属测试结果的海报画面，
代表用户了解女生潜台词的“段位”。
整体上技术实现都可以通过专业的
H5制作平台人人秀来完成。
最后加入一个超链接通过触发按钮跳转至产品宣传页，
在实现趣味性的同时，也增加了产品介绍，
促进用户转化。
毕竟再热门的H5没有转化也只是空谈，
转化才是真王道！
视觉分析
视觉形象上采用手绘的设计风格，
整体配色清新自然，
与品牌方的调性相吻合，
给用户留下舒适的视觉体验，
同时也加深了用户对品牌的印象。
H5的页面除了手绘的人物形象
还巧妙的搭配了产品形象在页面当中，
一语双关的“初心”产品形象，
是产品，更是恋爱需要掌握的奥秘，
不但不会引起用户的反感，
反而契合了恋爱中男女的心理。
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取50000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrx.cn
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
