优秀的H5营销案例分享.ppt

优秀H5营销案例分享 镰 哇 避 衅 函 谬 蚂 邀 采 达 姜 铸 透 答 牙 问 竿 铺 娘 熙 败 注 淖 津 匆 讼 得 嚼 惰 与 狞 迄 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 H5是什么，可以做什么？ H5原本是一种制作万维网页面的标准计算机语言，由HTML5简化而来 的词汇，如今却借由微信移动社交平台，走进大家的视野。 从营销角度来讲，我们不但可以用H5在页面上融入文字动效、音频、 视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核 心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、 互动，方便用户体验及用户与用户之间的分享，正是具备了这样的营 销优势，H5技术的运用不但为移动互联网行业的高速发展增添了新的 契机，也为移动互联网营销开辟了新渠道。 骏 晓 鼓 恋 实 锈 代 冒 苑 途 珊 硷 抖 昏 贮 骏 长 人 狭 孺 参 仰 栖 复 诲 踊 狗 棘 往 癣 翅 亨 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 围住神经猫： 堪称一代流行小游戏之标本 神经猫体态妖娆，形象贱萌，表情风骚， 不断在屏幕中扭来扭去，勾引玩家发起毫 不留情地围剿。 游戏上手简单，又有一定的数学挑战性； 在醒目位置添加网络流行俗语；引入竞争 机制，撩拨玩家的攀比心态。 验 权 剑 局 取 巩 燎 灰 癌 玫 畅 叙 托 恬 馁 逝 腐 碴 艾 腋 揪 识 庄 丝 示 坐 袱 擎 砧 筋 佳 并 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 14年8月，柯震东、房祖名相 继跳入毒坑，于是此H5游戏 应运而生。你只需在一群柯震 东的头像里捞出唯一一个房祖 名。 “找祖名”更倾向于眼力的比拼 也就是说，更弱智。然而 越傻瓜，就越流行。 全民寻找房祖名： 热点新闻催生出的单细胞生物 今 曰 叫 孽 付 谊 霖 易 衅 覆 揉 凡 瓶 迅 膝 竹 狠 迎 蛊 篆 些 锡 讽 悸 蚤 蚌 俭 肋 随 獭 矢 幢 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 杜蕾斯 一夜N次郎： 小杜杜就是个品牌游戏定制狂 品牌乐于高级定制，首先肯定合身，然后 款式也多选，既可以根据品牌特性开发原 创游戏，也可以选择在经典游戏中融入品 牌元素。 小杜杜就是游戏“高定”的爱好者，推出过 我要持久、杜杜line一发一夜N 次郎等多款作品。以“N次郎”为例，其 实是经典游戏“别踩白块儿”的山寨版。 骸 年 体 饺 捆 狙 猿 拌 巴 健 饱 拍 苟 滦 它 谜 重 贪 灰 什 磷 酶 聂 挝 旺 撞 袁 刀 庐 磐 猴 蜕 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 维多利亚的秘密： “摩擦摩擦”技能首创者 “互动体验派”的大师姐是内衣品牌维多利 亚的秘密，她出师早，名声也响，成名技 为“摩擦有惊喜”。 此H5游戏为预热七夕而设计：首页是一幅 经过雾化处理的照片，用户只需用手指摩 擦屏幕，就会有一位性感女郎浮出水面， 继续浏览下去则是品牌介绍，最后到达内 衣抢购页面。 琼 啪 灭 孪 邪 翘 偶 恿 蔓 乡 缀 神 挛 坍 妆 载 咬 梳 缴 棒 眯 跨 胚 吮 撼 敖 昌 两 夺 选 道 能 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 百度智呼吸，吹一口神仙气： 非一般的重力感应 你只要对着手机吹口气，就能知道自己的健康值 ： 第一步，把手机水平放好； 第二步，深呼吸； 第三步，对着手机下方吹一口气。几秒钟后，你 的健康值就出来了，同时附有这口气各种成分的数 值，非常全面。 过 任 炔 驻 拄 何 怎 检 弦 谊 囤 朋 让 倪 渠 彤 租 谜 泊 浓 伏 桨 帖 亢 骏 岗 洛 螺 铃 夜 死 聋 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 可口可乐 我们在乎： 这是一份“会动”的CRS报告 以前段时间席卷朋友圈的可口可乐“我们在乎”为 例，它的真身本是一份肩负企业CSR重任的“可 持续发展报告”，内容虽力求形象但扔难掩厚重 。 为了在社交时代更接地气，可口可乐尝试用H5为 报告“瘦身美容”：选取报告中的部分核心数据， 共十五页画面，直观展现可口可乐的努力，变成 适应网络传播特点、特别是移动端观看及分享需 求的形式。 惮 冒 犁 拓 诅 谴 好 掇 址 挥 檄 斯 获 纯 郊 礼 哪 白 露 役 慧 舌 倒 卡 频 皇 馋 发 炼 釉 扇 横 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 2014百度世界： 美轮美奂的邀请函 标杆案例如今年的百度世界大会，将会议邀请和 星空元素紧密结合：在一片唯美的星空背景之上 ，每划过一道流星，就浮现出一位意见领袖对移 动互联网的看法和愿景，最后是会议的时间地点 ，并可进行在线抢票。 垮 唆 阶 风 巨 拱 摹 耽 茫 维 胞 馅 贰 捣 娇 罪 均 黄 窍 妄 庇 财 盛 氖 打 槽 虱 松 乍 死 柳 昆 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 巴宝莉 从伦敦到上海的旅程： 堪称互动体验派的集大成者 前面几个例子都是“专业人才”，在技术的运用上 各精一道，或是触屏，或是多媒体，或是重力感 应。当然还有集各项技术于一身的“全才”，这里 最有名的要数巴宝莉“从伦敦到上海”的旅程。 要进入这个浑身上下散发着浓浓文艺气息的H5， 第一步，得先“摇一摇”；第二步，点击屏幕进入 油画般的伦敦清晨；第三步，摩擦屏幕使晨雾散 去；第四步，点击“河面”，河水泛起涟漪；最后 点击屏幕上的白点，达到终点站上海。 寺 姓 体 笼 魂 惩 悠 詹 免 低 郝 苟 厚 卵 衅 弄 担 探 跟 棠 俩 津 贝 庞 葱 宴 哮 暇 抵 或 壶 肤 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 习、奥是这样夜游中南海的： 为可视化软文提供参考 该H5把中美两位政治大佬的夜游中南海的信息传 播得通通透透，各种场景切换，使读者如临其境 、如见其人、如闻其声。 这给品牌活动带来很大启示想要告别过去干 燥无味的新闻稿吗？可视化新闻为你提供了一种 给力的选择，尤其是现场活动的呈现，多媒体形 式更具传播性。 糊 襟 瘦 衷 族 卑 泵 乏 鉴 考 脐 汲 骨 遁 绅 葱 允 颧 肄 彝 偶 希 盂 昏 糠 趴 鹏 酵 十 晒 吕 原 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 央视春晚 家和万事兴： 内容的共鸣才是王道 “我们对世界微笑，彬彬有礼，却带着一身疲惫 和抱怨回到家里；我们在外拼命售卖自己的观点 ，却懒得和父母解释我在忙什么。 H5从一个与父母聚少离多的小故事讲起，通过催 人泪下的文案和煽动人心的音乐引发共鸣，然后 与“家和万事兴”的主题紧密贴合，最终号召网友 “按手印”表达支持。 视 鹤 潍 高 谗 喂 凹 假 辞 骨 茧 郑 喘 夸 百 壮 哭 韭 俱 昂 斌 黑 掸 门 绚 掸 澄 序 贫 论 涛 赏 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 H5和APP相比有哪些优势？ 跨终端、跨平台， 节省开发和运维 无需下载，降低 门槛，同步更新 打破应用市场垄 断，专注开发 社会化分享基因 ，传播渠道广 开发 用户 营销 产业 赵 勇 扎 谷 奎 可 怕 鹰 省 引 馒 吊 研 檄 古 圃 龟 素 番 迈 襄 诗 雌 降 饺 帚 冗 剥 傈 湃 丢 贰 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 H5营销误区？ 里 风 式 矣 劈 峰 孩 仙 墩 享 琉 照 吴 兜 钎 题 呸 撕 纷 皮 迫 遁 眉 推 藩 冠 济 亲 攒 作 递 障 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 1、幻想凭一款H5能一夜成名 期望高、投入少，许多市场营销人员，特别是老板，都希望靠一款没 有任何推广投入的H5一夜成名，但现在这种情况在微信朋友圈里已经 不可能出现了。 H5页面的推广方式乏善可陈，无外乎朋友圈分享和微信公众号推广， 但目前的H5营销无论是在表现形式还是内容创意上，依旧面临着很大 的挑战，同时微信朋友圈的用户对日渐增多的泡沫信息感到疲劳，产 生了某种程度上的抵抗力；而微信公众号的暴增则让打开率和阅读量 持续走低，想让一款H5一夜爆红的可能性不是没有，但的确是越来越 小了。在整个H5的产出中所占的比例也会低到令营销人员所难以忍受 的地步。 何 汾 揭 关 拌 骸 嘶 澄 骤 毙 蝎 坎 倡 菊 蓉 憎 眠 傀 船 侈 肄 仍 粗 咱 葡 懊 壬 谁 场 糯 哆 灼 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 2、营销推广只索取的态度无法 长久 未来应用经常建议客户投放微信广点通广告，我们觉得在微信里传播 就要遵守微信的游戏规则，不应该只想从微信里摄取东西，而应该转 变思维，想想我们给微信贡献了什么？我们给用户带来了什么？你给 微信贡献的越多你的回报也会越大。如果有一款H5之所以能在微信朋 友圈里成功，主要还是创意和制作人要始终站在为微信用户思考的角 度来制定H5策略的，我们要做让用户喜爱的“广告”，用户才会分享转 发，而不是靠强制性的要求和诱导，这种结果最终会被用户投诉，甚 至被封。 依 拧 萤 筐 伺 莎 酿 残 告 蔼 怯 讥 指 元 球 贸 食 碎 滨 吞 窗 舜 嫌 煞 眨 浊 鼠 丫 巴 陛 逗 侯 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 3、H5本身还存在技术问题 作为一项本来还不太成熟的技术，H5是在微信的社交舞台下才大放异 彩的。目前看，H5的问题依旧比较多，技术上还有很多不足需要改进 ，比如页面切换白屏、下拉菜单不流畅、多个音频播放不流畅、移动 设备件的接口API少等，无法扫描二维码、无法用语音输入、无法一键 分享到朋友圈。这些对营销人员来说，都是一个个掩藏在脚下的深坑 ，一不留神就掉进去了。 允 镁 督 戮 坝 灼 耀 股 揉 氛 姚 抨 灸 沃 药 火 玉 悸 部 驰 漆 连 尤 脉 官 跋 斥 逐 糟 珠 捧 脉 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 4、易抄袭且缺乏知识产权保护 如果你运气，通过千辛万苦做一款好的H5应用，例如像神经猫那样， 那么比你更开心的一定是其他抄袭者，他们可以轻易的把你的H5抄下 来，换成他们的域名挂上去，然后再把广告联系方式改成他们自己的 。神经猫、2048等就衍生出许多版本，大部分人可能都没有访问过原 版（因为抄袭和模仿者太多），抄袭的轻者换域名，更厉害的是把你 的创意拿去然后在短时间内做一个比你更好的游戏或者应用，让你的 泪儿哭干。 弓 宁 絮 考 窃 安 汕 御 责 焦 畴 纬 运 亮 揪 尺 寡 诣 犹 蠢 稿 杂 碎 赶 孝 毅 瞥 阉 靠 陈 陇 曰 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 5、作品同质化现象严重 很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示 、抽奖等等，但大多数作品的同质化现象很严重，无论是形式上，还 是内容创意上。这对营销人员和制作人员的要求逐渐在提高，挑战也 越来越大，想随随便便做一款能够引起注意的作品并不容易。 铝 肢 努 彼 汀 绷 哟 默 国 怕 履 长 饲 孔 剧 硬 雄 猜 蝎 肘 制 终 段 票 宣 葱 恼 血 棍 拉 吞 除 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 6、寄人篱下不确定性大 H5之所以能一下子爆火，微信的功劳最大，但是微信正把H5最优质的 入口收紧朋友圈分享红利正在逐渐消失。这里作品的特点是受平 台政策影响较大，未来具有不确定性。微信在近期出台了针对朋友圈 分享的政策限制，诱导关注与分享，初犯将会面临封号30天、拦截链 接、删除诱导增加的粉丝和关闭流量主的处罚，二次违规将直接永久 封号。而且转发量超过一定数量后微信就会屏蔽朋友圈，意味着未来 微信里再也不易出现花费很少的钱获得流量破千万的H5。 目前需要注意的是：1）、分享的图片和自定义接口已变更，请注意修 改；2）、请勿在标题中涉及分享赢大礼、100%中奖等恶意诱导的关 键词；3）、分享页面需部署在拥有ICP备案的域名上。 瘩 藕 诞 棘 钻 喀 烙 哟 汛 纹 赡 烁 宵 歹 祟 中 键 良 占 编 省 尼 惰 算 钡 挥 提 炬 芳 帽 鼻 帘 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 7、机型成千上万适配难度大 刚刚开始做H5的企业面临的第一个问题就是，机型适配，由于手机的 型号繁多，系统、屏幕都不一样，所以在显示和一些功能性的接口开 发时都会耗费一些时间，如果你是刚刚入手希望能做个热门的h5应用 ，那么初期机型的适配会让你吃一番苦头，不过幸亏这个还是可以解 决的，比其他前面的那些坑，这简直是小巫见大巫。 音 问 池 赫 珐 哇 隐 常 黄 彝 湃 雄 茹 摧 旭 筛 评 谢 案 伤 皱 沮 真 也 柑 榆 汽 商 抄 心 蜜 涂 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 H5怎么推广？ 孪 灿 冯 挨 锨 捻 膊 梭 养 懒 帧 粟 塘 阁 粮 拙 祝 妒 死 灼 榴 爷 令 吏 蛮 旁 菲 臼 惺 佯 黔 纫 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 1、从用户角度挖掘H5的价值点， 写一篇软文。 通过图文群发来推广H5无疑是最重要的方式，但是如果只是简单硬性 推广，比如宣布今天我们上线了一个高大上云云的H5，然后就让用户 点击“阅读原文”自己看，显然这种新闻通稿式的推广不会有太好的效 果。 一个好的H5一定具备打动用户的价值点，从一个角度切入写一篇软文 ，无论通过投稿的方式还是大号转发都能给你带来意想不到的传播效 果。投入再大再精彩的H5，如果没有好的推广就只能孤芳自赏，所以 哪怕是留点推广预算也是值得的 敛 眩 狈 感 政 垣 涤 扼 站 牢 躺 地 输 啥 茂 丫 箍 谈 琢 掖 停 瘸 霉 换 机 踊 态 小 卜 窘 塞 瓣 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 2、尽你所能利用所有能推广H5 的渠道。 目前比较常用的方式：通过公众号的图文群发推广、微信群推广、线 下二维码推广，以及前面提到的KOL转发和投稿等。这里主要说一下 有关微信群的几点建议。 首先，你需要列出所有你能用到的资源，并发动内部人员转发，当然 前提是H5做得很棒。值得注意的一点是，每个微信群其实都有自己的 定位工作、生活或者闲聊扯淡，所以为了提升打开率可以适当的 为不同的微信群定制转发的文案，对于工作学习为主的群可以是“品牌 H5做成这样也是蛮拼的！”，如果是更加生活化的群就可以是“史上最 好玩的H5应用，根本停不下来”之类的，但是如果H5的调性实在和微 信群的定位不搭，建议不要造成打扰。 敦 翌 绪 幼 链 歪 续 称 懒 钟 赫 乾 匿 疯 罢 乳 邦 滨 劳 旅 部 研 凯 翻 蝶 庸 巴 刨 租 缉 同 启 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 3、充分利用“阅读原文”和自定 义菜单。 由于微信的限制，图文中唯一能跳转的链接就是“阅读原文”。关于如何 利用好“阅读原文”有三点小tips： 不要浪费每一篇图文的“阅读原文”，可能的话对于每一篇图文用不同的 文案引导点击； 如果你的目的是推广H5，不要在阅读原文的提示之后或者阅读原文引导 和正文之间插播公众号的广告； 通过字体或者颜色的视觉跳跃引起读者的注意，而且不要长期使用同一 个格式，因为当用户习惯了固定的格式之后会不自觉的忽略这些内容。 此外，自定义菜单也是需要充分利用的功能，一般来说新增粉丝都会浏 览一遍公众号的菜单，根据我们的数据监测，平均每个菜单项会有20% 的新增粉丝点击。假如你的账号每天能有500个粉丝增长，就会有100个 人以上点击了菜单的某一项，因为这是持续进行的主动行为，由此为H5 带来的浏览量可能比图文群发还要高。 塞 漱 映 苞 迂 馒 泰 湍 纽 趣 柿 卧 簧 赃 赌 生 晰 尤 鲁 国 著 咳 百 遇 左 培 挠 腹 脯 怂 焕 闲 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享 THANK YOU！ 盅 烽 房 粤 羞 叉 掷 裴 掐 硕 邀 恋 蛙 噶 秒 受 刁 挛 莲 剔 俺 荫 峦 或 恰 蛹 稍 数 雏 敝 粗 尧 优 秀 的 H 5 营 销 案 例 分 享 优 秀 的 H 5 营 销 案 例 分 享