随着H5营销活动的流行（háng），越来越（yuè）多人了解到通过（guò）H5进（jìn）行宣传的（de）优势所在，因此不光是品牌营（yíng）销宣传，许多其（qí）他需要广泛宣传的活动都开始通过H5来进行。乐竞官网和蓝橙互动精选H5案例（lì）合（hé）集分享第21期，就（jiù）给大家分享一（yī）下应用于（yú）各类场景的H5案例（lì），一起来体验一下吧（ba）。

案例名称（chēng）：这是一（yī）个来自2060年的（de）金典艺术画展

案例品（pǐn）牌：金典

金典（diǎn）牛奶以未来绿色（sè）低（dī）碳生活为主题，展（zhǎn）开绘画竞选活动（dòng），用户浏览30多位已过（guò）初筛的（de）画（huà）作，感（gǎn）受（shòu）不同人心目中的未来（lái）美好世界，为自（zì）己喜（xǐ）欢（huān）的画作投稿，深植（zhí）绿（lǜ）色理（lǐ）念，优化品牌形象。

按照闪烁的触点提示，来到画展，横屏观看，左侧是（shì）作（zuò）者和画作简介，右侧是（shì）作（zuò）品和当前票数，可（kě）点击后（hòu）放大观看，右划屏幕切换作品。用户可（kě）随时点（diǎn）击投（tóu）票（piào）。

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

案例名称：跟（gēn）着阿猫去流浪

案（àn）例品牌（pái）：我是创益人X腾讯公益X腾讯SSV X 腾（téng）讯广（guǎng）告 X CDC

一（yī）只流浪猫要经过多（duō）少生死（sǐ）攸（yōu）关（guān）的艰难险阻才（cái）能拥有一个温暖的（de）家（jiā）？一（yī）起进入作（zuò）品，用第一视角（jiǎo），度过流浪（làng）猫惊险的一天。

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

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

案例名称：WayFinder

案（àn）例品牌（pái）：NFB

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

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

案例名称（chēng）：你有一条美（měi）好乐评待解锁

案例品牌（pái）：WeBank微（wēi）众银行X网易云音乐

人类的悲观有时也是相通的，在网易（yì）云音乐，就有许（xǔ）多温暖（nuǎn）人心的音乐评价，它们也许（xǔ）就是黑（hēi）暗（àn）中打开（kāi）心门（mén）的钥匙，作品（pǐn）带用户一起（qǐ）回顾（gù）2021的心碎瞬间（jiān），在（zài）治愈系评（píng）论中点亮（liàng）世（shì）界，带着祝福，一起走向美好（hǎo）的2022。

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

点击评论亮点，让故事反转，选择的故事核心有事业，爱情，情绪，孤独等，是大多数当下人都有的痛点，能触（chù）动（dòng）用户的内心（xīn）情绪，围绕着主人翁的许多思绪描述（shù）也一如悲观时候的我们（men），很能激（jī）发共情（qíng）。

案例（lì）名（míng）称：唤醒你（nǐ）的冠军DNA

案例品牌：梦（mèng）幻西游X网易（yì）文创/哒哒

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

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

紧跟热门主题，蓝色（sè）为主的（de）冰（bīng）雪色，身着赛服的卡通人物，带用（yòng）户进入比赛（sài）情（qíng）景，圆自己（jǐ）的冠（guàn）军梦（mèng）。

案例名称（chēng）：你的（de）人生是一本（běn）什么书？

案例品牌（pái）：喜马拉雅

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

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

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

以上（shàng）就是本期为大家带来H5案例（lì）分（fèn）享，感兴趣的朋友可以持续关注我们乐竞官网和蓝橙互动官网的新闻动（dòng）态，或（huò）是关注乐竞官网和蓝橙互动官方（fāng）微信公众号，我们会不定（dìng）时向大家分享最新的优（yōu）秀案例。

相关阅读：《精选H5案例合（hé）集分享-20期（qī）》