h5怎么制作一镜到底？从白夜追凶到有道
h5怎么制作一镜到底？从白夜追凶到有道一个是有道翻译官推广H5一个是白夜追凶的营销H5这两款H5突然刷屏朋友圈和微博然而，「看透一切」的我才不会中营销的计
从昨天开始
“淘宝搜索白夜追凶”
and
“深夜，男同事问我睡了吗”
这两款H5突然刷屏朋友圈和微博
然而，「看透一切」的我
才不会中营销的计
一个是白夜追凶的营销H5
一个是有道翻译官推广H5
本着职业精神小编就带你们一起打开
这两款刷爆朋友圈的H5
然后
看爱上了塑料姐妹花的表情包！
后面的事儿不用说了
这都是H5营销啊！
《白夜追凶》这次之所以能够让大家兴致盎然地刷屏
“去淘宝搜索”
这个动作立下大功
同样的营销
设置一个互动按钮（淘宝搜索）
让我们体验到新鲜感
有道词典的"男同事"这波营销也是6到飞起
两天内的超短时间，
从前期创意、脚本、制作到上线，
都是由有道内部完成
0成本，视频自编自导自演，
由公司技术同事制作H5。
录屏，剪辑加技术，
小编要献上自己的膝盖啊！
微信H5营销
现在微信用户量如此之高，在微信做线上推广便成了不可少的途径。伴随着一只神经猫和几次品牌内容的朋友圈疯转，H5逐渐占据了自己的营销地位，越来越多的品牌开始制作H5。
而互动性和用户体验效果是用户对一个产品好坏的重要评判标准，同样这2点也是H5营销传播内容好坏的决定因素。画面精美、体验新奇、操作流畅的H5才会让用户给品牌加分。
那么就跟着小编一起盘点，那些曾经刷爆我们朋友圈的H5！
1.费玉清又火了！快听2017年洗脑神曲！
出品：滴滴出行
技术实现： Video
视频类，模拟费玉清专辑，浓浓80年代海报设计感，文字画面设计感强，滑动屏幕开始播放视频，小哥骑车从1里之外一直唱到6里之外，每一里的设定都有电影海报的既视感，最后可以进进入滴滴打车叫车界面，十分有趣。
2.一分钟看懂单身狗
出品：艺龙
技术实现： Video
以简笔画动画讲述了一个男主狗剩“因下载APP网速慢而无法去酒店开房看夜光手表导致的悲惨分手”，扫地大妈为安慰狗剩，在说唱和扫地中不漏痕迹的把“微信钱包订酒店”的信息表现出来，最后可以奔走相告，分享给好友以及领取520专享红包！
3.转完这个H5，就去陪老妈过节
出品：统帅电器
技术实现： Video
情景类。在母亲节来临之际， 该H5将妈妈的形象进行了差异化，以一个年轻人做事的方式来呈现妈妈“逃离不孝子女““妈妈集体去火星”这样的表现方式，突破常规思维；同时描绘妈妈走后，年轻人生活的囧态——房间脏乱差，衣服八周一洗，阐释妈妈的重要性。
4.端午节拒做单身狗！
出品：网易
技术实现：Canvas Egret（白鹭引擎）
测试答题类，端午来了，有几道给你测试一下自己撩人本事的题。
你的另一半想吃粽子了，需要你根据TA的描述，猜测TA喜欢吃甜粽还是咸粽， 十道题全部猜完后，即可看到你猜对了几次，并根据你的战绩给出你能追到的男神or女神的名字， 最后点击结果页“领端午礼物”，登录网易新闻客户端即可有一次抽奖机会。鬼畜风格，视觉效果强烈…一言难尽…！
5.飞越淘宝奇市
出品：淘宝
技术实现：JavaScript 3D Video
通过一支风筝穿越的时空的方式，进行展现造物节的丰富，进行活动宣传。
利用交互动画 3D建模视频来完成，一共四个场景，每个场景串场动画为一只风筝穿梭于五彩斑斓的时光隧道，利用重力感应 ThreeJS来完成交互，然后播放东、西、南、北四个方位进入的3D视角视频。背景音乐轻快悦耳，新颖的H5形式让人印象深刻。
6.穿越未来来看你
出品：腾讯
技术实现：Zepto Video
插画风格，画风极致细腻，一面承载着中国的传统文化，另一面象征未来的大场景，不仅打造了腾讯NEXT IDEA的标志性；中间部分中国风和科技相结合，在不可思议中将传统美与未来科技融合！后面的画面又有一种科幻风，想象力十足。
音乐上，混拼音乐，从曲调独特的京剧、古典乐转为节奏动感的RAP，分分钟将未来与传统相结合。
7.关于我的故事，全在这里了
出品：冈本
技术实现：
CreateJS TweenMax Zepto Video
视频将这幅“极乐飞升图”作为切入点，讲述了冈本产品，从设计，到“原料加工”，到“产品成型”，再到“安全检测”等全部过程。
画面风格很像浮世绘，淡黄色的背景，与整体给人的“污”感完美结合在了一起。男声配音充满吸引力，情绪也恰到好处，配合着画面，将故事讲述的超级生动形象，一点都不枯燥。
8.上手机QQ 贴表情
出品：腾讯
技术实现： CreateJS Zepto video
画馆从“戴珍珠耳环的少女”开始，各种世界名画、圣经里的人物，都趁夜出来斗图逗表情，最后推出“上手机QQ贴表情”的主题，且底部露出动图拖拽演示效果。
用夜晚美术馆中的“世界名画”为手机QQ的贴图表情代言，让大家在欢乐中感受手机QQ的贴图表情的魅力，诱导App更新和安装。
9.你学到的有多少已还给老师
出品：海宁日报
技术实现： jQuery
游戏类，共有十道小学题，每题都是小学学过的的知识，题目主要采用图文结合的形式，每题答完，在选项上会有对错图标提示，题目上方的大图上会出现吐槽文字；全部答完后即可看到自己的得分，扫描二维码即可下载app。
插画风格，采用绿色作为主色调，瞬间让人回到小学看课本的节奏中去。
10.ofo小黄车研发车间
出品：ofo
技术实现： Canvas JavaScript
图文类。一共五个场景展示“ofo小黄车研发车间”。点击小黄人，启动工厂设备，小黄人对车辆驱动系统进行检测；进行车辆组装车间，摇一摇手机，纠正图纸方向；进入染色车间，向下滑动屏幕，将车辆进入小黄人澡池进行染色；进入测试车间，点击黄豆喂给小黄人，两个屁就可催动车辆。随后摇一摇为发布会揭幕，大boss与小黄人代表接受采访，表示小黄人车间拳头产品-小黄车荣耀上市。
看完这些后，你想有一个会做H5的男同志么？
