随（suí）着H5开发技术的成熟，H5页面能支（zhī）持（chí）丰富（fù）更（gèng）能和视觉效果，实现不（bú）同的H5玩法（fǎ）设计，比如H5互（hù）动（dòng）游戏、H5漫（màn）画、答题测试H5、年度H5账（zhàng）单等等（děng）。蓝（lán）橙互（hù）动精选H5案例合（hé）集分享08期，就给大家分享一下各种（zhǒng）不（bú）同玩（wán）法（fǎ）的H5案（àn）例。

案例名称（chēng）：鱿（yóu）鱼游戏

案例品牌：MEO

结合当下流行的影视作（zuò）品（pǐn）“鱿鱼游戏”创作的（de）H5交互（hù）小游戏，各种限制，让用户体验人性的善恶，欲罢不能的一次次去挑战，最（zuì）后通关的人，获得通过的（de）“乐趣（qù）”。

鱿鱼（yú）游戏共6关（guān），每（měi）关是一个（gè）独立游戏。每一关开始前都有操（cāo）作和（hé）规则提示，限时游戏。违犯（fàn）规则（zé）和（hé）突（tū）破限定时间（jiān），都算Game Over。最后通关（guān）的者（zhě），会（huì）有通关祝贺：消耗命数（shù）+引（yǐn）发思考的文案。

巨难无（wú）比，即使（shǐ）了解（jiě）《鱿鱼游戏》剧情的人（rén），通关也（yě）得操作几十遍（biàn），小（xiǎo）编开始就以为（wéi）这个游戏有bug，根（gēn）本玩（wán）不过去。引发思考：如果有坚持不懈通（tōng）关的韧性和决心，天下什么（me）事，搞不定？

案例名称：警惕身边的TA

案例品牌：人民日报新媒体

人民日报新媒体出品，用（yòng）根据（jù）真实案例改编（biān）的情节故事，告知用户间（jiān）谍的常用套路与作案目标，测试和提高全民反奸防谍意识（shí）。

打（dǎ）开作（zuò）品后，在（zài）三（sān）个故事中任选（xuǎn）一个进（jìn）入，在（zài）故事节点选择自（zì）己是否接受情境中对方的要求（qiú），“天（tiān）上的馅（xiàn）饼”讲述了境外间谍势（shì）力利用高薪网络（luò）兼职，企（qǐ）图让“你”帮他拍摄（shè）军港和军（jun1）事基地（dì）照片；“美丽的（de）陷阱”是美女间谍利（lì）用美色（sè），结识男性，收集尖（jiān）端机（jī）械的（de）相关信息（xī）；“坑人（rén）的朋友”是间谍（dié）势力渗入朋友群（qún），通过转介绍企图套（tào）取国（guó）家机（jī）密信息。最后间谍都无一例外被（bèi）依法（fǎ）逮捕，作品也会根（gēn）据用户的选择给出（chū）反奸（jiān）防谍意识测试（shì）结果。

案（àn）例名称：消灭全民（mín）公敌

案例品牌：淘宝（bǎo）特价版

网购盛行，但是（shì）陷阱和（hé）套路也很多，淘宝（bǎo）特价版在故事中化身江湖侠客（kè），行（háng）侠仗义，戳破各种（zhǒng）消费诡计，具象化（huà）购物的各（gè）种不良现（xiàn）象，表明自（zì）身态度，有针对性的宣传自身优势，吸（xī）引用户使用。

下滑浏（liú）览长图，内（nèi）容是（shì）一位婴儿降生，被（bèi）麒麟赐予神秘（mì）美（měi）玉（yù），长大（dà）后行（háng）走江湖（hú），看到村民收到货（huò）不对版的物品，帮助村民赶（gǎn）走旗号为（wéi）“拼”的帮派，看到低价大甩卖，怒揭（jiē）黑心（xīn）商人原价更低的真相，遇到套（tào）路似迷宫的开业大酬宾，一（yī）剑毁掉，又打败了假（jiǎ）装一手货源的中（zhōng）间商，获得群（qún）众支持，最后（hòu）杀掉了集“假冒”“套路”“高价”“伪劣”于一（yī）身的黑心头目，完成使命，屏幕出现“为消费平权而斗”“为杀价而生”的标语。

案例名（míng）称（chēng）：灵魂试香纸

案例（lì）品牌：天猫

灵魂（hún）也是有香气的，听起来是不是（shì）很新颖？天（tiān）猫超级品牌日做品牌推广，根据（jù）用户性格（gé）测试结（jié）果，推荐（jiàn）不（bú）同品牌的产品（pǐn），提高品牌日知名（míng）度，加深用户对（duì）各大品牌（pái）的印象，促进消费。

点击标题页（yè）的触（chù）点，开始（shǐ）测试，主（zhǔ）题是在一座（zuò）古（gǔ）堡里探险，跟着作品来到不同情境（jìng），回答相关问题（tí），包括是否带上舞（wǔ）会面（miàn）具，对墙上的空画框做何感想（xiǎng），选择一幅画拖入，来到花园会如何摆（bǎi）放花盆（pén），听到受伤的猫（māo）喊（hǎn）“疼”第一反应是什么，选择一个传送门结束旅程。输入名（míng）字（zì）生（shēng）成海报，包（bāo）括“你（nǐ）”的（de）灵魂香气形容（róng）词，两个关键词和（hé）解（jiě）说，主图，“魂器推荐”是一件商品，旁侧有具体的商（shāng）品名称，报（bào）头（tóu）是天猫超级品牌（pái）日（rì）logo与商品品（pǐn）牌logo。

案例名称（chēng）：壳牌（pái）电子（zǐ）会员2周年（nián）庆

案例品牌：壳（ké）牌

这款H5是由（yóu）‘壳（ké）牌’开发的盘点类H5，旨在通过展（zhǎn）现用户与壳牌的大数（shù）据信息，让（ràng）用（yòng）户了解自（zì）己（jǐ）与（yǔ）壳牌的（de）消费记录，从而宣（xuān）传品牌信息。进（jìn）入H5后（hòu），出现动态横条（tiáo）插画形式（shì）的主题‘8月壳粉节，2周年’，下面点击启动引擎进入游戏；进入游戏后通过滑动翻（fān）页查（chá）看各种自己与壳（ké）牌的（de）经历（lì），从（cóng）认（rèn）识到第一次加（jiā）油，然后是最早（zǎo）的加油时间，最晚的加油（yóu）时间（jiān），去（qù）过的壳牌门店；最后形成一（yī）张（zhāng）发（fā）条形式（shì）的（de）信息展示页，可以分享到朋（péng）友（yǒu）圈；再次下滑则会进入红包雨（yǔ）游戏中（zhōng），只有壳牌（pái）会员才能参与。

案例名称：成都天府通（tōng）-年度账单H5

案例品（pǐn）牌：天府通

2019成都公共交通大数（shù）据报（bào）告发布后，天府通公（gōng）司（sī）正（zhèng）式上线年度个人出（chū）行账（zhàng）单查询功（gōng）能，用户可打开天府通APP，点击首页顶部活动入口即可查询到自己的年度（dù）出行账单。

本H5、“公共交（jiāo）通（tōng）年终总结”的主题更具个性化和趣味（wèi）性（xìng），内容包括用户全年的公（gōng）共（gòng）交通消费、搭乘公（gōng）交和（hé）地（dì）铁的（de）“成绩”、最早乘车与最晚乘车时间、个人（rén）减碳量等数据，直观地反应了用户（hù）与城市的密切互动。

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

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