H5 营销.pptx

（用手机链接电脑演示雀巢咖啡 “遇见有意思的人”案例）HTML什么是HTML5？其本身的含义对我们的营销没有任何卵用是网络页面编辑脚本的规范和标准超文本标记语言（HTML）的第五次重大修改）通俗的讲：但其呈现效果却是目前最炙手可热的营销手段之一从表现形式来看， H5有哪些玩法？1幻灯片式印刻时光咖啡馆简单的文字配图片，将用户诉求与品牌个性相关联幻灯片式H5引起广泛传播的关键就在于文案和设计2交互动画式雀巢咖啡一杯咖啡，遇见有意思的人。美轮美奂，很有互动性，端着一杯咖啡在咖啡馆里寻人聊天，有种模拟人生小游戏的感觉3游戏式Same的《圣诞老人拯救计划》界面清新可爱，与Same的招牌画风一致，游戏角色也是Same的品牌角色通过幽默恶搞的游戏向用户传达Same独到有趣的产品文化形式为功能服务H5的各种不同形式，可以满足企业不同的功能需求活动运营礼物/贺卡/邀请函/优惠信息苏宁云咖啡用H5来发布优惠活动AKQA营销公司的邀请函H5页面使用了重力感应、3D等技术，文字与BGM的使用也十分讲究，给用户带来了完美的互动体验品牌宣传花园楼顶音乐餐厅描绘一幅场景，讲好一个故事产品介绍雀巢咖啡说明产品特性，添加了购买链接LEXUS NX 产品H5页面体验和操控性极佳，页面设计科技感十足环境展示公司介绍发布招聘信息......为什么需要H5？传统营销手段关注兴趣渴望记忆行动知道尝试购买持续购买不知道跟进引导拉动宣传促销/导购介绍免费品尝…终端ISP要素位置/价格/助销/促销品牌荣誉感产品价值感积分活动会员制度媒体公关广告为什么需要H5？“我知道我的广告费浪费了一半，问题是我不知道浪费的是哪一半” —约翰.沃纳梅克我做了广告了，为什么就是没效果？为什么需要H5？传统广告 VS H5广告纸省钱烧钱粗略精准H5视听视阶段持续All the timeI want you to join H5!想象一下两个计算机在沟通的场景，A 如果要把一个图文信息传给 B 的时候，交流过程中 B 肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢？于是，A 和 B 商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范就是 HTML。这是 H5 最早期也是最典型的玩法，因为简单、实用，所以至今还很流行。其效果就是简单的图片展示翻页交互，最终整体的表现很像幻灯片展示。定期发布的内容，几乎零预算。通过 H5 的形式会更易于传播，当然前提是要有好的设计。频繁上线的新产品或功能、小型线下活动邀请、活动相册结合热点的营销，周期极短。应该以最快的速度推出才是明智的选择，而这时候引起广泛传播的关键就在于文案和设计。 交互式动画类型的 H5 制作周期和成本比较高，需要提前规划。除了创意、文案、设计这些以外，开发周期较长，优质的 H5 大约在两周到 4 周左右，也有可能更长。品牌事件的传播像这一类在美学、交互和故事性上都表现突出的案例，都需要很长的开发时间，开发价格也是也很高。Same在圣诞节推出了一款名为《圣诞老人拯救计划》的H5小游戏，操作非常简单，只需用手指交替上滑，把角色的脖子向上拉到无限长，游戏会记录你拉的最高距离，跟朋友比一比谁比较长。界面清新可爱，与Same的招牌画风一致，游戏角色也是Same的品牌角色，通过幽默恶搞的游戏向用户传达Same独到有趣的产品文化。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。