谐音“我爱你”520即将到来，流行的“解释日”成为商家新的营销力量。
爱情主题游戏、情侣直播、创意海报、走心文案、线下墙等形式悉数出击，商家在520限制战场上展开了一场没有硝烟的战争。
每个假期创意H5频繁。在今年的“虐狗”日，H5能以爱的名义玩出什么新玩法？回顾这些年来选定的案例，寻找灵感。
01
个性化测试类
(1)杜蕾斯:杜蕾斯诠释学院
杜蕾斯的H5测试设计很有未来科技感，画面中包含了机械、仪器等元素，就像一个真实的实验室。
配乐也是有节奏的机械声，符合“研究所”场景，严肃而权威，能让用户迅速集中注意力，自觉带入角色。
H5的主题是“解释”，所以在这个研究所里，杜蕾斯协助用户练习解释，给害怕说话的用户一个学习的机会。
不同性格和恋爱习惯的用户选择的答案会影响个性化定制标签的自然度。
H5有10个不同场景的问题，比如地铁上一见钟情，面临年龄差的困扰，期待网恋，努力克服异地恋，多场景模拟高频用户广告场景，让用户更有代入感。
测试后可诞生研究成果，如“好人卡高级收藏者”、“优势单身人群”等标签，与用户真实身份相对应。如果不公平，可以重新测试。
点击背面的红色按钮“研究和升级技术”。切换页面后，可以选择转发，也可以继续“研究武器”，去销售入口。
杜蕾斯口译学院
(2)三七互娱:《直男生存之路》
这是一个视频互动H5，接受视频和答案。
主题围绕很多男生怀疑的“女生是不是变胖了”这个问题，从男生的角度进行回答，但三个选项都是错误答案，事件后故事继续依次揭晓准确答案。
拳皇元素融入H5，错题会进入情侣间的战斗。战斗领域模拟了经典的拳皇游戏，包含了抽血裸奔、倒计时、放大等元素，让用户陷入了一场记忆杀戮。
情侣问答部分节奏更快，穿插着“你和你妈妈落水后你会先救谁？”“请余生多指教”之类的评论很有意思，用户更容易再看一遍。
直男的生存之路
02
模拟场景类
(1)淘宝电影:用心的秘密
这个H5主题就是爱情的“秘密”，为“捕捉”爱情工具提供了“技术支持”。
开场画面显示的是一个插着钥匙的保险箱，为这个“秘密”增添了神秘感。打开保险柜后，可以看到一个彩色的警示，代表使用者本人。
“秘密”就是字面意思，形式就是翻书。右边除了翻页交互，还可以拖动进度条，简单幼稚。
有趣的是，《秘密》分为五章。第三、四章选择情侣约会、看电影，故事希望买票、收票时整合品牌。软植入设置巧妙，用户接受程度高。
在最后的转换环节，H5在最后一页解释说，进入APP可以获得定制的“浪漫惊喜”，可以跳转到移动页面。
H5用一种“秘密”的方式，认真恶搞约会，讲解现场，让用户陷入约会回忆，增强对品牌的好感。
小心的小贴士
(2)寺库:“换个角度，爱会……”
这个H5团队专注于“视角”，需要一个水平屏幕来观看。“反向”滑下屏幕改变视角(大部分横屏H5向上滑)，第一次操作可能不熟悉，玩的门槛高。
改变画面视角前后，故事成长的区别在于努力偏向成长，产生好的结果。
H5构建3D场景，集成视差动画，画面变换循环，视觉体验美妙。
换个角度，爱会…
[S2/]03
意见意味游戏
(1)网易游戏:“34网易游戏齐河520游戏恋爱日！》
520不仅是“网络情人节”，也是网易的“游戏恋爱日”。
什么是标志设计理念(标志设计包含什么)
这张H5图片以红黑为主，是网易游戏logo配色提取出来的。
场景设定在游戏包工厂，屏幕上部署着齿轮、传动轨迹、警告符号和“警告”图标，科技感十足。
H5的互动环节很少，但很实用。一种是进入“工厂”时输入密码“520”，对应网易游戏恋爱日。另一种是用户需要把“设备”拖到传输轨道上。
游戏福利需要用户玩游戏才能获得，而不是被动吸收，会自动获得，增加用户的仪式感和获得感，让用户珍惜礼包，增加进入游戏的概率。
“34网易游戏齐河520游戏爱日！》
(2)微信支付x COSTA:咖啡故事
“每一杯咖啡都是一个无法言说的广告。”暖心文案直接切入主题，将产品与节日联系起来。
这个H5以第一视角进入故事，构建了一个煮咖啡的场景，让用户“亲手”煮一杯咖啡。
做咖啡的时候有个文案指南:半杯意式浓缩咖啡+半杯你想说的话，还有一起做牛奶泡泡的时候的回忆…
咖啡做好之后，H5会根据花的形状创作出不同文案的文具，写给正在喝咖啡的恋人，以此唤醒用户在恋爱时喝咖啡的形象，激发购买欲望。
最后一页可以得到店铺的地址，地图显示的是实体店，减少了空之间的距离感。清晰的地理信息有利于触发用户的行动，让用户产生喝咖啡的想法，用户更容易进店消费。
咖啡故事
(3)新百伦:《向前一步520》
H5模拟流行的小游戏“跳”，交互手势是长按屏幕。
穿上鞋就可以走、跑、跳。H5把“跳跃”作为一个创意点。
有几个细节做得很巧妙:
产物鞋子的画风细腻，前进的“方块”有鞋子形状，尾页文案靠山图形为鞋子，相符产物形象。
小人跳跃是文案会改变，“好哥们”变为“做情人”，“不敢爱”变为“勇敢追”。跳跃乐成就代表解释乐成，情绪进入新的关系。文案对比恋爱前后差别状态，转变巧妙直戳用户痛点。
但是H5操作有点卡，长按和跳跃控制不好，玩起来不放纵，影响操作体验。
向前一步520
(4)蒂芙尼:《520爱情之旅》
这款H5有玩法，用户可以选择单机模式或者双机模式。双屏互动模式类似单机模式，互动性更强，双方可以同步操作。
小清新，画面色彩简单，首饰选用实物，画风对比明显，有利于加深用户形象。
H5互动中有明确的提醒，指导用户操作。互动环节结束后，可以进入产品展品页面，在这里可以查看已经出现的四件首饰，关注人民号了解详情。
美中不足的是画面中人物的小动作不明显，从神的角度看用户的代入感不强，节奏较慢，容易产生疲劳。
520爱情之旅
04
DIY互动课堂
(1)6号房空:“520广告海报自然”[S2/]
DIY H5自由度强，H5提供文案和风格，点击即可更改。用户可以更换不同元素的大小和形状，自然定制海报。
这张H5是常见的自然H5图片，但它支持用户同时上传两张图片，这在以前的DIY H5图片中并不常见。
《520广告海报诞生》
(2)走进世界:《广告专列》
H5场景仅限于火车《爱情故事》，信息物化，别人的广告装在信封和光盘里，打开就可以查看和收听广告。
粉色是小清新的画风，用甜美的广告营造520的浪漫氛围。
横屏可以在车厢内左右滑动移动，用户可以留下广告或者搜索“我的广告”(该功能已关闭)。
画面移动流畅，交互体验安静，但最后没有明确的提醒分享，结尾有点突兀。
广告专列
520本来不是节日，只是路过的人多了就成了节日。——不是鲁迅先生的名言
穆里节已经成为商人们作序日程上的主要日子。把这些约定行使好，俗称“非官方”的节日，不仅给商家带来造势的话题，还能辅助节日镀金，搅动节日气氛。
母亲节刚过，端午节和父亲节紧随其后。节日营销怎么玩？请继续关注网易H5~
