随着（zhe）H5营销活动的流行，越来越多人了解到通过H5进行宣传的（de）优势所（suǒ）在，因此不（bú）光是品牌（pái）营销宣（xuān）传，许多其他（tā）需要广泛宣传（chuán）的活（huó）动都开始通过（guò）H5来（lái）进行。开云和蓝橙互动精选H5案（àn）例合集分享第21期（qī），就给（gěi）大家分享（xiǎng）一下应用于各类（lèi）场景的H5案例，一起来（lái）体（tǐ）验（yàn）一（yī）下吧。

案例（lì）名称：这（zhè）是一个来自2060年的金典艺术（shù）画展

案例品牌：金典

金典牛奶以未来绿色低（dī）碳生（shēng）活为（wéi）主题，展开（kāi）绘画竞选活动，用户浏（liú）览30多（duō）位（wèi）已过初筛（shāi）的（de）画（huà）作（zuò），感受不同人心目（mù）中的（de）未来美好世界，为自己喜欢的画作投稿，深（shēn）植（zhí）绿色（sè）理念，优化品牌形象。

按照闪烁的触点提示（shì），来到（dào）画展，横屏观看，左（zuǒ）侧是作者（zhě）和画作简介，右侧（cè）是作（zuò）品和（hé）当（dāng）前票数，可点击（jī）后放大（dà）观看，右划屏幕切（qiē）换作品。用户可随时点击（jī）投票。

环保（bǎo）方面的倡导（dǎo）越来（lái）越被重视，此次活动激（jī）发参展者创作欲望，绿色环保色的（de）背（bèi）景，画作的颜色很（hěn）丰（fēng）富，主题鲜明（míng），随（suí）着画（huà）作（zuò）的（de）切换不断带给用户新鲜感，也很期待下一副（fù）的画作呈现，加上（shàng）较（jiào）为详细的（de）简介（jiè），让用户感受（shòu）作（zuò）品背（bèi）后的理（lǐ）念。

案例名（míng）称：跟着（zhe）阿猫（māo）去流浪

案例品牌：我是创益（yì）人（rén）X腾讯公益（yì）X腾讯SSV X 腾讯（xùn）广告 X CDC

一只流浪猫要经过多少（shǎo）生死攸关的（de）艰难险阻才能拥有一个温暖的家（jiā）？一起进入作品，用第一视角，度过流浪（làng）猫惊险的一天（tiān）。

作（zuò）品以（yǐ）第一视角呈现，上（shàng）方有命数，九（jiǔ）条命（mìng），死一次减一条，还（hái）有饱腹值（zhí）和体温值的血条（tiáo）。“你”睁（zhēng）开眼（yǎn）睛，字幕显示（shì）是被饿醒（xǐng），开始（shǐ）寻找食物的探险之路，路（lù）上会遇到很（hěn）多（duō）选择，是否吃死老鼠（shǔ），是否偷（tōu）吃别人捞的鱼，是否靠（kào）近投（tóu）食人，等等，每次选择错误（wù）就会（huì）当（dāng）场命陨，跳转到流（liú）浪猫的死因介绍后，来到带着天使光圈的最后界面，用户浏览（lǎn）保护流浪猫的倡议，选择复（fù）活（huó）或捐款。复（fù）活后命数减一条，继续重（chóng）重关卡，最后（hòu），“你（nǐ）”在血条即将耗尽之际（jì）被一对情（qíng）侣收养，跳（tiào）转至（zhì）卧在猫窝里（lǐ）的界（jiè）面，有阐述语和捐款链接（jiē）。

以第（dì）一视角（jiǎo）带领用（yòng）户进入情（qíng）景，沉浸式的体验，实景的城市，让（ràng）用户更加理（lǐ）解流浪猫每天的提心吊胆，要靠九条命才能活（huó）下去。详细表现流（liú）浪猫（māo）许（xǔ）多不为人知的死因，每次（cì）做错选择走（zǒu）向死（sǐ）亡（wáng）的呻吟（yín）和惨叫都让人心疼（téng）不（bú）已，激发用户保护欲。

案例名称：WayFinder

案例品牌：NFB

这是（shì）加（jiā）拿（ná）大NFB推出的（de）一款叫做WayFinder的3D场景H5，通（tōng）过让用户搜寻和收集场景中的（de）线索，线索集结成（chéng）一首诗。

在唯美的（de）画面中，用户进入（rù）游戏。可以点击+拖（tuō）动（dòng）人偶，四（sì）处探（tàn）索，在不同的场景中，寻找（zhǎo）亮起（qǐ）的线索，然后按线索的（de）轨迹拖动人偶，即获得该处（chù）的句子。场景中（zhōng）有若干细节、动效，都很细致、唯美，拖动人偶一直探索（suǒ），就会得到越来越多的线索。

案例（lì）名称（chēng）：你（nǐ）有一条美好乐评待解锁（suǒ）

案例品（pǐn）牌：WeBank微众银行X网易云（yún）音乐

人（rén）类的悲观有时也（yě）是相通（tōng）的，在网易云音乐，就有许多温暖人心的音乐评价（jià），它们（men）也许（xǔ）就是黑暗中（zhōng）打开心门的钥匙，作品带用户一起回（huí）顾2021的心碎瞬（shùn）间（jiān），在（zài）治愈系评论（lùn）中点亮世界（jiè），带着（zhe）祝福，一起走向美好的2022。

打开作品，浏览对去年的总结，输入名字，进（jìn）入（rù）互动，先是情绪低（dī）落的生活瞬间，点击发光的触点，画（huà）面被（bèi）点亮，画中的小人儿也峰回路（lù）转，找到生（shēng）活的明亮走向，比如失业（yè）的（de）找到工作，下夜（yè）班后有司（sī）机师傅帮忙照亮道路等等，最后（hòu）选择六个愿望，生成祝福海报（bào）。

点击评论亮点（diǎn），让故事反（fǎn）转，选择的故事（shì）核心（xīn）有事业，爱情（qíng），情绪，孤独等，是大多（duō）数当下人都有的痛点，能触动用户的内心情（qíng）绪，围绕着（zhe）主人翁（wēng）的许多思绪（xù）描（miáo）述也（yě）一如悲观时候（hòu）的我们，很（hěn）能激发共（gòng）情。

案例名称：唤（huàn）醒你的冠军（jun1）DNA

案例品牌（pái）：梦幻西游X网易（yì）文创/哒哒

冬奥会让大家热血沸腾，每一次的夺冠瞬间（jiān）都让人激动不已，其（qí）实你（nǐ）也（yě）有冠（guàn）军潜质喔！哪个（gè）项目的（de）冠军（jun1）呢？快测一下！

输入名字，根据题目预设的场景（jǐng）选择答案，包括（kuò）赛前状（zhuàng）态，最令自己兴（xìng）奋的声（shēng）音，喜欢（huān）的（de）应援色，冠军（jun1）冲击（jī）策略，认为取得好成绩（jì）的最重（chóng）要因素，答题完毕生成海报，包括有冠军潜质的项目，对应的冠军图(以本次（cì）冬奥会夺冠选手为原型)，用户的潜在（zài）技能（néng）分析。

紧跟热门主题，蓝色为主的冰雪色，身（shēn）着赛（sài）服的卡通人物，带用户进入比赛情景，圆自己的冠军（jun1）梦。

案（àn）例名（míng）称：你的人生（shēng）是一本什（shí）么书？

案例品（pǐn）牌：喜（xǐ）马拉雅

人们对（duì）自己（jǐ）的性格（gé）探（tàn）索解（jiě）析一直是很有兴（xìng）趣的，喜马（mǎ）拉雅在423听书节推出本作（zuò）品，通过对回（huí）忆和预设场景的（de）选择，以书（shū）名的形式生成个人（rén）性格解析（xī）海报，结（jié）合喜（xǐ）马拉（lā）雅的（de）听书（shū）功能，迎合用户兴趣点的同（tóng）时，提醒（xǐng）用户可以登（dēng）陆（lù）平台收听更多书籍，寻找心灵（líng）慰藉。

五（wǔ）个问题，包括童年的颜色，收（shōu）听旋律选（xuǎn）段的（de）感（gǎn）觉，理（lǐ）想（xiǎng）的生活状（zhuàng）态，希望（wàng）收到（dào）的书（shū）的书名，喜欢的序言，点（diǎn）击（jī）符合（hé）自己心意（yì）的（de）答案即可，输入名（míng）字，生（shēng）成结果（guǒ）海报，包括书（shū）名，主（zhǔ）图，导语，听书节（jiē）标（biāo）题（tí），书名（míng）也可自（zì）行编辑（jí），用户可分（fèn）享作品和（hé）点击领（lǐng）取福利。

每页一个背景图（tú），画（huà）风温馨童趣，内容与相应页主题相关，富有想象力，用单纯的画面引发用（yòng）户（hù）美好的感觉，做出答案选择。暖色系为主，治愈系，让用户在宽松的（de）心灵（líng）氛（fēn）围中享受解析过程，找到属于自（zì）己的答案。

以（yǐ）上就是本期为大家带来H5案例分享，感兴（xìng）趣的朋（péng）友可以持续关（guān）注我们开云和蓝橙互动官网的新闻动态（tài），或是关注（zhù）开云和蓝橙互动官方微信公众号，我们会不定时向大家分享最（zuì）新的优秀案例。

相关阅读（dú）：《精选H5案例合集分享-20期》