每逢节日创意H5频出,在今年的“虐狗”日,“以爱之名”的H5还能有哪些新玩法?回顾历年精选案例找找灵感。

谐音“我爱你”的520即将到来,被人们捧红的“表白日”成了商家新的营销发力点。

恋爱主题游戏、情侣直播、创意海报、走心文案、线下告白墙等多种形式全力出击,商家在520限定战场上打响了没有硝烟的战争。

每逢节日创意H5频出,在今年的“虐狗”日,“以爱之名”的H5还能有哪些新玩法?回顾历年精选案例找找灵感。

一、个性化测试类

(1)杜蕾斯:《杜蕾斯表白研究所》

杜蕾斯这支测试H5设计颇有未来科技感,画面包括机器、仪表等元素,就像一个真实实验室。

背景音乐也是有节奏的机械声,符合“研究所”场景,严肃又有权威性,能让用户较快集中注意力,自觉带入角色。

H5的主题是“表白”,所以在这个研究所中,杜蕾斯帮助用户练习表白,给不敢开口的用户一个学习的机会。

不同性格、恋爱习惯的用户选择的答案,会影响个性化定制标签的生成。

从这10支扎心H5中,摸透520借势营销套路

H5有10道不同场景的题,比如在地铁上一见钟情、面对年龄差的烦恼、期待网恋奔现、试图克服异地恋,多场景模拟高频用户告白情景,让用户更有代入感。

测试结束后可生成研究结果,如“好人卡资深收集者”“显性单身人口”等标签,对应用户现实身份,如果不服还可以再测。

尾页点击红色按钮“去研究所提升技能”,切换页面后可以选择转发,或继续“研究武器”,转到售卖入口。

从这10支扎心H5中,摸透520借势营销套路

《杜蕾斯表白研究所》

(2)三七互娱:《直男の求生之路》

这是一支视频互动H5,采用视频和答题玩法。

主题聚焦很多男生的困惑“女生变胖了吗”问题,从男生视角进行回复,但三个选项都是错误答案,依次点过后剧情继续,揭秘正确答案。

H5中融入拳皇元素,答错题目会进入情侣打斗环节。战斗场模拟经典拳皇游戏,包括血条、倒计时、放大招等元素,让用户陷入回忆杀。

情侣问答部分节奏较快,穿插“你和你妈掉进水里后先救谁?”“余生请多指教”等趣味段子,玩梗之余叫人眼前一亮,用户再看一遍的几率大。

从这10支扎心H5中,摸透520借势营销套路

《直男の求生之路》

二、模拟场景类

(1)淘票票:《小心心秘籍》

这支H5主题为爱情“秘籍”,为“捕获”恋爱对象提供“技术性支持”。

开屏画面为一个插着钥匙的保险柜,给这份“秘籍”增加神秘感。打开保险柜后可以看到一颗彩色的小心心,代表用户自己。

从这10支扎心H5中,摸透520借势营销套路

“秘籍”是字面意思,形式表现为翻书。右侧除了翻页互动,还可以拖动进度条,玩法简单操作灵活。

比较有意思的是,秘籍分为五章,第三、四章选择情侣约会看电影场景,在故事进展到买票、取票环节时融入品牌,软植入设置巧妙,用户接受程度较高。

最后转化环节,H5在尾页表明进入APP能获得定制“浪漫惊喜”,可跳转进入活动页面。

H5用“秘籍”的方式一本正经恶搞约会、表白场景,让用户陷入约会回忆的同时,提升对品牌的好感。

从这10支扎心H5中,摸透520借势营销套路

《小心心秘籍》

(2)寺库:《换个角度,爱情将会……》

这支H5重点在“视角”上,需要横屏观看。“逆向”向下滑动屏幕转换视角(大多数横屏H5是向上滑动),首次操作可能不太习惯,玩法门槛较高。

画面换视角前后,故事发展不同,都是往积极方向发展,呈现好结果。

H5搭建3D场景,融入视差动画,画面转换流畅,视觉感受出色。

从这10支扎心H5中,摸透520借势营销套路

《换个角度,爱情将会……》

三、趣味游戏类

(1)网易游戏:《34款网易游戏齐贺520游戏热爱日!》

520不只是“网络情人节”也是网易的“游戏热爱日”。

这支H5画面以红黑为主,由网易游戏logo配色提取。

场景设定游戏礼包制作工厂,用齿轮、传输轨道、警示符号、“warning”图标布置画面,科技感十足。

H5的互动环节较少,但实用性强。一处是进入“工厂”时要输入密码“520”,对应网易游戏热爱日。另一处是需要用户把“装备”拖到传输轨道上。

游戏福利需要用户玩游戏领取,换被动接收为主动争取,增加了用户的仪式感和获得感,让用户珍惜礼包,增加进入游戏的概率。

从这10支扎心H5中,摸透520借势营销套路

《34款网易游戏齐贺520游戏热爱日!》

(2)微信支付 x COSTA:《咖啡物语》

“每一杯咖啡,都是要一句说不出的告白。”暖心文案直切主题,把产品和节日关联起来。

这支H5以第一视角进入故事,搭建做咖啡场景,让用户“亲手”做一杯咖啡。

做咖啡时有文案引导:半杯意式特浓+半杯想说的话,打奶泡时回忆在一起的时光……

咖啡制成后,H5会根据拉花形状生成一张文案不同的信纸,写给喝着咖啡的爱人,唤醒用户恋爱时喝咖啡的记忆,刺激购买欲望。

尾页可以获取店铺地址,地图显示实体店铺,减少空间上的距离感。明确的地理信息有利触发用户行动,给用户一个喝咖啡的动机,用户进店消费的可能性更大。

从这10支扎心H5中,摸透520借势营销套路

《咖啡物语》

(3)New Balance:《向前一步520》

H5模仿人气小游戏“跳一跳”的形式,交互手势为长按屏幕。

穿上鞋子可以走路、奔跑、跳跃,H5把“跳”作为创意点,

其中有几处细节做得巧妙:

  • 产品鞋子的画风细腻,前进的“方块”有鞋子形状,尾页文案背景图形为鞋子,符合产品形象。
  • 小人跳跃是文案会改变,“好哥们”变为“做恋人”,“不敢爱”变为“大胆追”。跳跃成功就代表表白成功,感情进入新的关系。文案对比恋爱前后不同状态,变化巧妙直戳用户痛点。

但H5操作有些卡顿,长按跳跃不好控制,玩起来并不尽兴,影响操作体验。

从这10支扎心H5中,摸透520借势营销套路

《向前一步520》

(4)蒂芙尼 tiffany:《520 · 爱之旅》

这支H5有两种玩法,用户可以选择单机模式或双机模式。双屏互动模式与单机模式类似,互动性更强,可以双方同步操作。

小清新风格画面色彩简单,首饰选取实物图,画风对比明显,有利加深用户记忆。

H5互动中有明确提示,引导用户操作。互动环节结束后进入产品展品页面,可查出现过的4款首饰,关注公众号了解详情。

美中不足的是,画面人物较小动作不明显,且用户上帝视角代入感不强,节奏缓慢易产生疲劳。

从这10支扎心H5中,摸透520借势营销套路

《520 · 爱之旅》

四、DIY交互类

(1)第六空间:《520告白海报生成器》

DIY类H5自由性强,H5提供文案和样式,点击即可变换。用户可更换不同元素大小、形状,生成定制海报。

这支H5是常见的图片生成类H5,但它支持用户同时上传两张图片,在以往DIY类H5中并不常见。

从这10支扎心H5中,摸透520借势营销套路

《520告白海报生成器》

(2)和成天下:《告白专列》

H5场景限定在列车“爱心总动员号”内,将信息拟物化,把他人的告白用信封、CD光盘装起来,打开即可查看、倾听告白。

粉色系小清新画风配合甜蜜告白,营造520浪漫气氛。

横屏左右滑动可以在车厢内移动,用户可以在留下告白,也可搜索“我的告白”(该功能已关闭)。

画面移动顺畅,交互体验舒适,但最后没有明确提示分享,结束有些突兀。

从这10支扎心H5中,摸透520借势营销套路

《告白专列》

520原本不是个节日,但过的人多了,也便成了节日。——非鲁迅先生名言

假日节点早已成了商家媒介排期表上的重要日子,利用好这些约定俗称的“非官方”节日,不仅给商家带来造势话题,也助攻节日镀金,炒热节日气氛。

 

作者:哒哒er

来源:微信公众号“网易H5(ID:yangyih5)”

本文由 @网易H5 授权发布于运营派,未经作者许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

评论( 0

登录后参与评论
加入圈子
关注微信公众号

互联网运营学习、交流、分享平台