就在最近，著名快餐品牌麦当劳推出一款微信H5游戏，而这款游戏是围绕着轻饮食系列的，用户可以在作品中看到新品样式，还可以跟着视频来做运动，最后来领取优惠券。为了让用户更加了解这款H5游戏的具体玩法，我将会在下方为大家详细的介绍和解析该款品牌H5营销案例！

案例：轻食配轻运动，什么神操作

技术实现：jQuery + CreateJS

一、案例简介

麦当劳推出轻饮食系列，用户可在作品中看到新品样式，跟着锻炼视频做运动，最后领取优惠券。

二、创意策划

点击“start”，手绘的麦当劳工作人员带着对话文字出现，点击右下角箭头查看麦当劳新品展示，包括新品外观，名称，蛋白质，膳食纤维，和含糖量解析介绍，继续点击右下角，一位女教练出现，邀请用户一起做夏巴特轻运动，依次做四个动作，每个动作都有展示视频，倒计时和教练的画外音，完成后查看最终海报，用户可点击领取优惠券。

以“轻”为主题，界面是淡绿色线条勾勒的物体，文字，与纯色背景搭配，卡通的人物，配合真人女教练的实拍视屏，看起来都很清爽健康，符合本次新品的立意，打消消费者对热量和营养的担忧，从整体创意上来看，这款H5营销案例是比较新颖且成功的。

三、音效上

轻快愉悦的背景音，旋律和音色好像一首随口吹出的口哨曲，营造没有负担无忧无虑的轻松感。

四、技术上

动画部分的卡通动画采用的图片序列帧，右上角的真人教练采用的是mp4格式的视频。

五、体验上

整个游戏通过视频、动画以及趣味性的旁白语音，让用户在体验上更能身临其境，从而大量提高了用户的参与感！

现在的品牌商家都致力于品牌营销和产品形象的塑造，这能有效提高他们产品的知名度，从而实现大面积推广，而H5作为线上营销工具，能够在很大程度上帮助他们实现推广，所以这些年来做品牌H5营销活动的商家才会逐渐增多。蓝橙互动专注于品牌H5游戏案例的打造与推广，能够为多个行业提供全方位营销H5开发服务！

相关阅读：《网易品牌型H5案例解析》