h5网页制作_【2020端午节H5案例】解锁端午H5新玩法,互动营销快人一步!

8edd1db3528d46f4940b91be8d3b9a0a.png

2020年的六月快到中旬,对于营销媒体人来说这注定是一个“忙”月,对于普通人来说,它代表着美味的粽子、热闹的赛龙舟、悠闲的小长假,但对于营销人来讲,这是本月除了618、父亲节之外的又一个营销战场。

本文将分享八个端午节优秀的H5案例,帮助大家开拓制作端午节H5制作思路~
部分案例来源于:意派epub360

端午节案例分享

点击标题体验: 《一个H5让你看完全国各地的特色粽!

4da1ad072c65e86050d0e0fbe3660604.png

出品方:“邕”有创意

品牌方:咕咕狗

实现方式:意派Epub360 H5页面制作工具

创意特色:手绘插画、动画

内容特色:该H5以“一个粽子的奇幻漂流”为主题,在一个趣味小故事的基础上一一介绍海南、南宁、广州等地的特色粽子。

点击标题体验:《30秒,让你跨越两千年

c383a6f5aba2a1df6d1f3dd7107f2959.png

出品方:三七互娱

创意特色:长页面、手绘插画、动画、网页跳转

内容特色:用户可向下滑动屏幕触发各种动画,并根据一系列提示按钮了解采青、赛龙、龙船景等龙舟文化。作品最后,用户还可通过“深度体验”按钮跳转至国际龙舟文化艺术节专题页。

点击标题体验:《2018不一样的粽子

e74f23bf0d2a7cbafa704f74d890ed64.png

出品方:迷谷树文化传媒

实现方式:意派Epub360 H5页面制作工具

创意特色:视频、手绘插画、网页跳转

内容特色:作品主要以“忠勇之粽”选拔赛为主题,用户可选择“艺比”或“武比”,并观看6种粽子、2个队伍的PK,继而选出最喜欢的人气idol或队伍。

点击标题体验:《别惹粽子

36df2ab344f908c81b744a084f28ae37.png

出品方:腾讯网产品中心

创意特色:手绘卡通、动画、躲避游戏、网页跳转

内容特色:这是一款简单易玩的躲避游戏h5,游戏规则为:① 点击屏幕控制大嘴弹跳;②避开四周出现的粽子,碰到粽子则游戏结束;③躲避次数越多排名越高。作品整体画面比较简洁,游戏结束后,用户可在结果页查看躲避次数、历史最高躲避次数以及击败了多少玩家。

点击标题体验:《端午千万不要去梧州,会被挤爆!因为这里……嗨爆了

32ba0a0da92d04f6b27a15d77a615510.png

出品方:广西日报

实现方式:意派Epub360 H5页面制作工具

创意特色:画板、手绘插画、长页面、直线运动

内容特色:该H5旨在宣传第二届广西岭南风情旅游文化周。用户进入首页后,需根据提示绘画一个小人。绘画完毕后,用户可通过滑屏及点击操作查看这场活动的具体内容,而此前手绘的小人也会随着页面进行移动,这一设计有效强化了作品的互动性和趣味性,也为页面增添了一份独特的活力。

点击标题体验:《端午猜画大典

9f53da2777740a3351c523fdcbed6022.png

品方:国信映盛

创意特色:视频、手绘插画、动画、画板、排行榜、联系表单

内容特色:该H5先以视频的形式引出端午节超级福利,进而通过猜画游戏让用户参与其中。游戏的玩法比较简单,即:根据画题进行作画(包含5次换题机会)。绘画过程中,用户可选择3种笔触、5种颜色,也可选择擦除或重画。绘画完成后,品牌员工可通过填写信息获得抽取端午福利的机会,而非员工则可跳过该环节。此外,所有用户的绘画作品均按“最热”、“最新”进行了排名,用户既可猜测这些作品的答案,也可根据自己的喜好点击作品下的爱心或锤子。

点击标题体验:《粽史

df14cf3fc73925238f3a02b8e4b233b3.png

出品方:酷娱智造

实现方式:意派Epub360 H5页面制作工具

创意特色:手绘插画、动画

内容特色:该H5主要通过戏说粽史的方式自然引出襄阳龙舟邀请赛,进而达到良好的宣传作用。整个作品个性鲜明且故事性很强,而其接地气的方言配音也是亮点之一。

点击标题体验:《端午节拒做单身狗!

1688528bebb0bc573c050b1eb444eac3.png

出品方:网易新闻

创意特色:手绘插画、动画、测试题、抽奖

内容特色:用户需先进行性别选择,再进入相应的答题测试环节(根据题中的描述,猜测TA喜欢吃甜粽还是咸粽)。测试题共10道,全部答完后,用户可查看测试结果,并点击结果页的“领端午礼物”进行抽奖。

好了,本期端午节互动专题就到这里咯,更多的H5案例和模板可以到下面的专题页上搜寻哦~

2020端午节H5专题模板页

06d80a4fdf7eb0764f5170af14f31752.gif

意派Epub360 H5工具地址:www.epub360.com

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值