创意H5案例合集NO.6

H5营销一直是各大商家营销活动中的重点，使用游戏来开展H5营销活动更容易得到用户关注，也是提升品牌知名度的好方法。下面，蓝橙互动就给大家分享一些有趣的H5案例。

案例名称：时光候车站

案例品牌：高德打车

这是高德打车在重阳节来临之际制作的亲情H5案例，旨在高德打车小程序的接受度和影响力。加载结束后，点击“点击登车”，即可“开启亲情穿越之旅”，如同看电影一般进入展现与父母之间的一幕幕场景，点击“下一站”即可切换从出生到幼儿、童年、少年、成年、婚姻，再到现在的不同场景；接着便提示上传和父母的合影，合影上传后点击“我给父母打个车”，即可打开高德打车微信小程序。

案例中通过人生不同阶段的变化，与父母之间关系的变化，逐步勾起用户心中对父母的感情，提升用户对高德打车的好感。

案例名称：TCL成立40周年庆典之旅

案例品牌：网易文创X TCL

TCL作为中国驰名商标，自创立起已走过了40年风雨路，本作品回顾了TCL一路的脚步和取得的成绩，邀请用户为40周年庆典献上祝福。

点击屏幕上电脑桌面出现的触点，一封邀请函缓缓打开，邀请用户参与40周年庆典，用户选择自己的身份，备选身份有员工，TCL毕业生（离职员工），铁粉团，应援会和氛围组，然后一个日历从2021年飞速撕回1981年，用户长按触点推动画作展开，用时间点回顾TCL一路的成绩，包括1981年成立公司，96年晋级国内三强，2004年上市，2019年资产重组等，最后用户来到庆典现场，选择三个弹幕生成祝福海报。

案例名称：定制你的冬奥“春游照”

案例品牌：BEIJING 2022

4月春暖花开，正值出游踏青好时节，作品结合冬奥倒计时300天，融入冬奥场馆、冬奥项目、冰雪装备及大众参与的热点内容，推出H5互动产品《定制你的冬奥“春游照”》，通过定制化互动的方式，激发互联网用户的参与热情，让全民在乐趣当中掌握冬奥知识，助力冬奥文化传播，进而点燃更多普罗大众的冬奥热情，让更多人了解、参与冰雪运动。

首页是一张冬奥春日观光票，点击触点，一双手拿住票，拿着相机，标题出现，点击“走！拍照去”开始制作。根据提示选择场馆，长按触点可查看场馆简介，然后选择人物，人物有完整效果和自己搭配两种可选，自己搭配的需要先选择男女，然后选择动作，穿搭，配饰，表情，发型，最后给效果图选择贴纸和标语，点击相机触点完成制作。海报包括效果图，根据内容给予的海报名称和作品二维码。

案例名称：测测你的植物人格

案例品牌：京东

京东的东东农场周年庆来临出品的测试H5游戏，邀请用户测试自己的蔬果人格，在一段森林冒险中做出选择，生成自己的性格海报。

一段小动画，内容是一声尖叫后，“你”缓缓睁开眼，看到一片丛林和一只小精灵，导语逐行浮现，点击触点开始测试，情景问题依次是“你”出现在森林的原因，远处跑来的狐狸说了什么，天空中突然出现的阴影是什么，湖边奇怪的声音是什么，星光下的萤火虫景象出现时你会做什么，输入名字生成海报，包括属于哪种人格的植物，插图，稀有度，和解释，用户可保存图片或分享作品。

案例名称：Double Win打气歌

案例品牌：网易云音乐 X Double Win

咖啡能给人提神，咖啡品牌Double Win联合网易云音乐推出给人提神打气的卡通音乐作品，用户选择喜欢的卡通形象组成乐队，定制音乐，最后还可以领取优惠券，用可爱萌趣的卡通和激昂的歌曲加深用户对品牌的印象，用优惠劵吸引用户消费。

点击打开作品，是几个绿色橄榄形造型各异的小人儿，各自有自己的打气slogen，输入名字开始组建乐队，根据提示滑动菜单，查看成员头像，将喜欢的形象拖至舞台上，最多可拖六位成员上台，不喜欢的可以再拖回来，每个成员有自己对应的音效，点击下方“开启合奏”可试听合奏出的乐曲效果，点击“确认”生成海报，包括刚才的效果图，和海报名“XX（用户名）的必WIN打气乐队”，及出品方名字，用户可点击下方触点再玩一次或领取优惠券。

案例名称：你抽中一个盲盒种子

案例品牌：人民日报新媒体X中国移动X咪咕

久居城市的人可能很少有机会见证完整的粮食生长过程，值中国农民丰收节之际，人民日报，中国移动与咪咕一起，邀请用户用当下流行的“盲盒”选种子，种作物，感受过程的快乐，从结果中提炼美好品质，吸引更多人关心粮食产业，关注中国农民丰收节。

点击主页面盲盒下的“拆”，开始种植，在提问中选择自己喜欢的方式，包括种在哪里，浇水手法，驱虫方法，如何对待生长进度，怎么赶鸟，种植成功后会怎么做，回答完毕生成海报，包括中国农民种植节题头，用户最擅长种植的作物百分比图片，和当中蕴含的品质，用户可重新种植或分享作品。

手绘的作品，画风温馨明朗，可爱治愈。问题的设置包含了种植过程中的关键点，答案设置比较有趣，手冲咖啡绕圈式浇水，让智能机器人站岗等，贴近生活，愉悦作品体验过程。

以上就是本期为大家带来案例分享，感兴趣的朋友可以持续关注我们蓝橙互动的新闻动态，我们会不定时向大家分享最新的优秀H5案例。

相关阅读：

创意H5案例合集NO.1

创意H5案例合集NO.2

创意H5案例合集NO.3

创意H5案例合集NO.4

创意H5案例合集NO.5