随着H5营销活（huó）动的（de）流行（háng），越来越多人了解（jiě）到通（tōng）过H5进行（háng）宣传的优势（shì）所在，因此不光是品（pǐn）牌营销宣传，许多（duō）其他（tā）需要广泛宣传的（de）活动（dòng）都开始（shǐ）通过（guò）H5来进行（háng）。BG大游和蓝橙互动精选H5案例合集分享第21期，就给（gěi）大家分享一下应用（yòng）于各类场景的H5案例，一起来体验一下吧。

案例名（míng）称：这是一个来自2060年的金典艺术（shù）画展

案（àn）例品牌：金典

金典牛奶以未来绿色（sè）低碳生活为主题，展开绘画（huà）竞选活动，用户（hù）浏览（lǎn）30多位（wèi）已过（guò）初（chū）筛（shāi）的画（huà）作，感（gǎn）受不同人心目（mù）中的未来美好（hǎo）世界，为自己喜欢的画作投（tóu）稿，深植绿色理念，优（yōu）化品牌形象。

按照闪烁的（de）触（chù）点（diǎn）提示，来到（dào）画展，横（héng）屏观看（kàn），左侧是作（zuò）者和画作简介，右侧（cè）是作品和当前票数，可点击（jī）后放大（dà）观看，右划屏（píng）幕（mù）切换作品。用户（hù）可随时（shí）点击投票。

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

案例（lì）名称：跟着（zhe）阿猫去流浪

案例（lì）品牌：我是创益人X腾讯公益X腾讯SSV X 腾讯广（guǎng）告 X CDC

一只流浪猫（māo）要经过多少生死攸关（guān）的艰难（nán）险阻才能拥有一个温暖的家？一起进（jìn）入作品，用第一（yī）视角，度过流浪猫（māo）惊险的一天。

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

以第一视角带（dài）领用户进（jìn）入情景，沉（chén）浸式的体验，实景的城市，让用户更（gèng）加理（lǐ）解流浪猫每天的提心吊胆（dǎn），要靠九条命（mìng）才能活下去（qù）。详（xiáng）细表现流浪猫许多（duō）不为人知（zhī）的死因，每次做错选择走向死亡（wáng）的呻（shēn）吟和惨叫都让人心疼不已，激发用户保护欲（yù）。

案例名称：WayFinder

案例品牌：NFB

这是加拿大NFB推出的一款叫（jiào）做（zuò）WayFinder的3D场景H5，通（tōng）过（guò）让用户搜寻和（hé）收集场（chǎng）景中（zhōng）的线（xiàn）索，线索集结成一首诗。

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

案例名称：你有一条美好乐评（píng）待解锁

案例品牌：WeBank微（wēi）众银（yín）行X网易云音乐（lè）

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

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

点击评论亮点，让（ràng）故（gù）事反（fǎn）转，选择的（de）故事（shì）核心有事（shì）业（yè），爱情（qíng），情绪，孤（gū）独等，是大（dà）多数当（dāng）下人都有的痛点，能触动用户的内心（xīn）情绪（xù），围绕着主（zhǔ）人翁的许多思绪描（miáo）述也一（yī）如悲（bēi）观时候的（de）我（wǒ）们，很能（néng）激发共情（qíng）。

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

案例品牌：梦幻西游X网易文创/哒哒

冬奥会让大家热（rè）血沸（fèi）腾，每一（yī）次的夺冠瞬间（jiān）都（dōu）让人激动（dòng）不已，其实你也有（yǒu）冠军潜（qián）质喔！哪个项目的冠军呢？快测一下！

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

紧跟热门主题，蓝（lán）色为主的冰雪色，身着赛（sài）服（fú）的卡通人物，带（dài）用户进（jìn）入比（bǐ）赛情（qíng）景（jǐng），圆自（zì）己的冠军梦。

案例名称：你的人生是（shì）一（yī）本什么书？

案（àn）例品牌（pái）：喜马（mǎ）拉雅

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

五个问（wèn）题，包括童年的颜色，收听旋（xuán）律选段（duàn）的感觉，理想的（de）生活状态，希（xī）望收到的书的（de）书名（míng），喜（xǐ）欢的序（xù）言，点击符合自己心意的答案（àn）即可，输入（rù）名字，生成结果海报，包括书名，主（zhǔ）图，导语（yǔ），听书节标题，书名也可自行（háng）编（biān）辑，用户可（kě）分享作（zuò）品（pǐn）和点（diǎn）击领（lǐng）取（qǔ）福利。

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

以上就是本期为大家带（dài）来H5案例分享，感兴趣的朋友（yǒu）可以持续关注（zhù）我们BG大游和蓝橙互动官网的新闻动态，或（huò）是关注BG大游和蓝橙互动官方微信公众号，我们（men）会不定时向大家（jiā）分享最（zuì）新的优秀案例。

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