h5按钮点击变色_2020国庆中秋互动营销H5案例合集

01品牌营销/品牌宣传

案例：爱的三行情画

H5介绍：中秋佳节之际，广汽三菱联合网易新闻推出的，通过连接给出的点绘制三角形，生成祝福海报的作品，最后还可以登录“广汽三菱感恩三周年”页面了解“寻找最家拍档”的活动。

案例：听月饼说

H5介绍：品牌视频图文展示+抽奖类。进入页面，可观看视频也可点击“进入活动”。接着向下滑动屏幕，能查看“中秋无缺礼盒”商品的图文信息。再向下填写个人和TA的个人信息，并录制语音，即可参与翻牌抽奖游戏。点击任意一张卡片，显示满月图案即可获得一份礼盒，每天能玩一次。再向下滑可查看其他产品的相关信息。

案例：这个中秋我做了个奇怪的梦

H5介绍：视频形式的H5，讲述了主人公一场美好梦的历程，用户点击开启就可以让梦境启程，在梦中主人公会在4个不同场景下出现，这些场景的主题都同中秋节有关。后面会有国窖1573对全国人民中秋节的祝福，最后是酒品德宣传页面。手绘的画面，美轮美奂的梦境，让人回味。

案例：奥迪英杰汇贺中秋

H5介绍：以中秋为主题，首先是中秋的月亮，配6个人物(奥迪英杰汇的成员)和奥迪汽车的剪影；点击“去赏月”，进入2.5D的城市，不同的城市景物配合不同的奥迪英杰汇成员，老爷子马未都配茶馆、江疏影配购物商场、马龙配体育馆、杨澜配幸福小区、张亚东配音乐厅、黄轩配电影院，每次停顿到对应的城市景物，还可以点击看对应英杰汇成员对大家的祝福，有视频也有音频；最后还有抽奖环节。

02趣味互动营销

案例：十一假期锦鲤社

H5介绍：在十一小长假这个节日点推出适合的活动，洞察用户日常迷信希望能给自己带来好运的心态，包含了点外卖吃不胖，在外面玩不堵车等祈福手段，用摇一摇，摇醒睡着的“活锦鲤”方式，比传统的直接签筒摇符多了创意和趣味性。

案例：中秋诗词大烩

H5介绍：古人中秋作诗，现在尬诗。在首屏点击GO按钮，开始作诗，需要选择一位诗人，选择诗人后，随机给出不同的词汇，用户可以把诗词拖放到1234不同的位置；用户可以摇一摇刷新词条；也可以点击“回炉重造”按钮，重新选择诗人；当然，如果点击“大作已成”按钮，展示你拖拽词条做出的诗词，需要输入诗人的名字。生成刚刚自己做的尬诗。

03祈祷/祝福类

案例：心之所愿，无所不成

H5介绍：进入首页向上滑动召唤月光宝兔，留下个人心愿或者祝福，用户选择喜欢的背景风格颜色生成一张个人愿望清单海报，点击博饼有礼即可获得品牌方送出的小礼品

案例：愿所有美好，在灯火通明处相逢

H5介绍：点击屏幕下方的“开始为平安点灯”按钮，出现提示“连续点击屏幕，为平安点灯”，点击提示确认后；30秒内，点击屏幕的过程中出现灯飘向空中，屏幕上方有提示你点亮了多少盏灯，全国累计点亮多少盏灯；30秒结束后，生成一张带有你微信头像的海报，里面有用户头像昵称，点亮的灯数，用户可以长按保存海报。

04事件/故事表述类

案例：“大国重器”热爱请回答

H5介绍:围绕“大国重器”，展示祖国的变化。通过三个视频形式的问题，每个问题三个答案；每次进入三个问题会略有不同；

最后给合成一个荣誉称号的海报；真实的祖国景物照片，稍作艺术处理，配合真实的视频。

案例：中秋，你离家有多远？

H5介绍：以“中秋，你离家有多远？”为主题，首先输入你所在的城市和家所在的城市，开启回家之旅；而后进入家门，看到在小院里等你很久已经睡着的爸爸，点击屏幕帮爸爸盖毯子，进入屋子，看到妈妈正在擦桌子，点击屏幕帮妈妈擦桌子，下面是一家人团坐桌旁，一起吃饭，点击画面，给爸爸妈妈分月饼，家人一起去电影院，给爸爸妈妈买电影票。最后输入昵称，生成你工作地到家的距离，爸爸妈妈送别你上火车的海报。

05收集/集卡类

案例：乐中秋，趣京东

H5介绍：摇一摇抽奖小游戏类。进入页面，摇动手机来抽取月饼卡，中途可能抽中贺卡或优惠券，也可能什么都抽不中。抽中月饼卡，可以和好友相互交换，赠送或者索取，最终集满五种即可领拍立得，不过一天摇一摇的次数是有限的。

案例：一起到“中轴线”赏月

H5介绍：通过中秋京城打卡地图，介绍中轴线上的8个地点，分布是钟鼓楼、万宁桥、景山公园、故宫、正阳门箭楼、天坛、先农坛、永定门。最后，镜头直上天空，会提示用户在8个景点哪个景点进行拍照，点击拍照的景点照片，会提供有多少人在此地点打卡，用户可以生成卡片，用户可以长按保存。

06互动小游戏

案例：蒂芙尼中秋奇遇之旅

H5介绍：蒂芙尼在中秋之际推出的过关挑战型的H5作品，用户通过长按小兔子，控制力度让其跳跃，获得分数累积和蓝盒子，最后可生成自己的中秋海报，冲进榜单前十名，还有可能在中秋节获得蒂芙尼的祝福。

案例：快来看！我刚定制了一款超好看的月饼！

H5介绍：以DIY月饼为主题，推广宣传品牌。点击“开始定制”，进入月饼DIY制作程序。可以DIY月饼的背景、馅、皮、料，每一部分都有12种选择，随意搭配。如果不满意，还可以选择左上角的“重置”，DIY完成后，可选择右上角的“生成”，输入你的昵称，专属于你的好看月饼就完成啦！

定制H5，请扫码联系客服，7年专业H5定制经验团队，为您服务：