亲爱的客栈
青春旅社
这两档综艺节目
让小编原本就骚动的内心
更加的难以平静
诗和远方
可望而不可即的梦还没有时间
又被里面的民宿安利到无心工作想拼命赚钱
这周热门的H5中要首推的就是这个
因为我真的想用它定一间民宿
来一场说走就走的旅行
途家：老板在群里@了你
创意分析
这是途家出品的一支宣传类H5，模仿了前段时间比较火的“戏精”群聊H5的形式，但是创意之处有在于它并没有那么做，而是选择把群聊直接搬到H5页面当中而非采用录屏的形式，模拟的画面设计跟整支H5的画风比较吻合，不会让用户跳戏，非常有意思，用动画和一些交互设计就实现了“戏精”的梦。
技术分析
首先进入页面看到的是女主人公骑车回家下班后的场景，然后收到群聊消息，原来是老板在@女主。然后开始模拟微信群聊，只不过是采用动画的形式而已，群里在套路团建的去处，群成员一番套路之后，页面提示用户选择以帮助进行女主回答，先讨论去处，然后是住宿风格，最后插播“途家”的广告，可以说是自然无缝衔接了！
视觉分析
视觉设计上真的是非常小清新，手绘漫画的风格设计，淡绿色的背景，群聊人物头像都设计的那么贴近真实人物，加上精彩有趣的对话，让用户像看故事一样体验品牌所要传达的主张，时不时的让用户参与一下替女主讨论，交互设计体验很棒。
来伊份：你今天的智商还好吗？
创意分析
这是来伊份出品的一支活动营销H5。创意上采用卡通故事的形式为切入点，让页面一开始就被非常有趣的故事吸引，然后通过一段视频动画讲述故事背景，交代核桃星人要侵略地球了，然后引出答题板块，用户通过回答核桃星人出的脑洞题，才可以解救地球，然后还可以获得抽奖机会，赢取奖励。
技术分析
技术上主要采用的是视频技术和答题测试、抽奖功能。首先打开H5页面就是一小段视频，用以交代事件背景，视频动画的形式让整个页面更加丰富有趣，接下来是答题插件的应用，每道题目都是脑洞满满的题目，一不留神还真的怀疑自己的智商，不过还好设置了“提示”和“求助”按钮，可以在智商不够的时候进行求助。最后利用表单填写用户信息后会有抽奖环节，增加与用户的互动，同时赠送活动福利。
视觉分析
视觉上以星空蓝为背景色，加上核桃星人可爱的卡通形象，精美的画面设计，视觉上可以说是非常养眼的了；动画效果搭配背景配音，把故事讲解的非常生动有趣；脑洞问题的设置，增加与用户的互动，强化体验，效果非常好。
新华网：你有来自人民大会堂的信！
创意分析
这是十九大时期新华网打造的一款H5。首先是一段动画，以一份来自人民大会堂的信让用户手写签收，签收后点击确定，会抽取一张“未来五年，不一样的我”的明星片，右下角是不同的明星人物，形式比较有趣。
技术分析
这支H5主要利用到的是动画技术和重力感应技术，用户签收信封之后会自动弹出一张明星片，同时利用摇一摇对弹出的明星片进行更换，领取明星片和分享领ofo月卡的交互设计也比较好。
视觉分析
视觉上统一采用的是淡黄色背景的明星片风格，整体色彩比较明亮，视觉体验很好；各种交互之间也搭配的比较合理，没有引起用户的反感。像购买明星片的页面，通过人人秀的商品功能插件也可以轻易实现。
传智播客&黑马程序员：1024程序员节
创意分析
这支H5是为程序员打call的，10月24日程序员节，传智播客&黑马程序员为全体程序员制作了一支祝福H5。在这支H5中，利用自动生成祝福卡片的形式，为程序员送去祝福。
技术分析
这支H5主要利用到的是填写生成技术，通过让用户填写祝福语和昵称，然后生成祝福贺卡。技术上并不难实现，通过利用人人秀的贺卡功能插件，就可以轻易实现，同时还可以自动读取微信昵称，在线编辑祝福语等同样的功能都可以时间。
视觉分析
浅灰色的背景加上红色、黄色的文案，主题鲜明，使整个H5页面也给人一种干净整齐、简洁明了的感觉，视觉体验比较好；同时分享出去之后显示的“这是###想和###说的话......”给分享者一种专属的感觉，体验效果比较好。
天猫：嘻哈电音趴
创意分析
这是天猫出品的一支游戏类H5，跟常见的互动小游戏有点区别的是，这支H5以音乐趴为创意切入点，打造了一款音乐类小游戏H5。进入页面之后点击“马上开趴”会获得游戏玩法指示，按照操作提示万游戏，感受游戏H5带来的小乐趣！
技术分析
开发小游戏H5是很多企业都喜欢的推广方式，用户进入游戏页面，操作游戏，过程中出现于“天猫双十一”相关的嘻哈歌曲，双十一的歌词反复出现，让人印象深刻。利用小游戏类型的H5进行品牌或者活动宣传推广的一般要单独定制或者开发，人人秀的小游戏免费对用户开放使用，用户可以换皮肤、颜色等突出自己的品牌特色。
视觉分析
视觉上采用蓝紫色作为主色调，整体营造了一种非常炫酷的电音派对氛围。有趣的游戏带给用户非常多的趣味，交互体验很好。这种寓宣传推广于游戏之中的形式也比较能够让用户接受。
本周热门H5案例所用功能
在人人秀都可以实现
模拟群聊让营销更有趣
答题测试更易引爆传播
贺卡功能帮你送上满满祝福
小游戏H5 宣传推广更有逼格
给你一串神奇的编码
快速体验爆款H5的魅力
人人秀官网
www.rrxiu.net
End
我是汪小汪
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
