麦当劳：轻食配轻运动，什么神操作
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例：轻食配轻运动，什么神操作
品牌：麦当劳
技术实现： jQuery + CreateJS
亮点：
- 创意定位
麦当劳推出轻饮食系列，用户可在作品中看到新品样式，跟着锻炼视频做运动，最后领取优惠券。
- 策划逻辑
点击“start”，手绘的麦当劳工作人员带着对话文字出现，点击右下角箭头查看麦当劳新品展示，包括新品外观，名称，蛋白质，膳食纤维，和含糖量解析介绍，继续点击右下角，一位女教练出现，邀请用户一起做夏巴特轻运动，依次做四个动作，每个动作都有展示视频，倒计时和教练的画外音，完成后查看最终海报，用户可点击领取优惠券。
- 设计上
以“轻”为主题，界面是淡绿色线条勾勒的物体，文字，与纯色背景搭配，卡通的人物，配合真人女教练的实拍视屏，看起来都很清爽健康，符合本次新品的立意，打消消费者对热量和营养的担忧。
- 音效上
轻快愉悦的背景音，旋律和音色好像一首随口吹出的口哨曲，营造没有负担无忧无虑的轻松感。
5、技术上
动画部分的卡通动画采用的图片序列帧，右上角的真人教练采用的是mp4格式的视频。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
