随着（zhe）H5开发（fā）技术的成熟，H5页面能支持丰富更能（néng）和视觉效（xiào）果，实现不同（tóng）的H5玩法设计，比如H5互动游戏、H5漫画（huà）、答题测试H5、年度H5账单等等。qy千亿和蓝橙（chéng）互动（dòng）精（jīng）选H5案例（lì）合集分享08期，就（jiù）给（gěi）大家分享一下（xià）各种不同玩法的H5案例。

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

案例品牌：MEO

结合（hé）当下流行的影视作品“鱿（yóu）鱼游戏（xì）”创（chuàng）作的H5交互小游戏，各种（zhǒng）限制（zhì），让用户体验人（rén）性的善恶（è），欲罢不能的（de）一次次去挑战（zhàn），最后通关的人，获得（dé）通（tōng）过的（de）“乐趣”。

鱿鱼游戏共6关，每关是一个独立游戏。每一（yī）关开始前都有操作和规则提示（shì），限（xiàn）时游戏。违犯规（guī）则和突破限定时间，都算Game Over。最后通关的（de）者，会有通关祝（zhù）贺（hè）：消耗命数+引发思考的文案。

巨难（nán）无（wú）比，即使（shǐ）了解（jiě）《鱿鱼游戏》剧情的人，通关也得操作几十遍（biàn），小编开始就以为这个游戏有bug，根本玩不过（guò）去。引发（fā）思（sī）考：如果有坚持不（bú）懈通关的（de）韧性和决心，天（tiān）下什么事，搞不定？

案例名（míng）称：警（jǐng）惕身边的TA

案例品牌（pái）：人民日报新媒体

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

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

案例名称（chēng）：消（xiāo）灭全民（mín）公敌

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

网购盛（shèng）行，但是陷阱和（hé）套路（lù）也很多，淘宝特价版在故事中（zhōng）化身江（jiāng）湖侠客（kè），行侠仗义，戳破各种消费诡计，具象化购物的各（gè）种不良现象，表明自身态度，有针对性的宣传自身优（yōu）势，吸引用户使用。

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

案例名称：灵魂试香纸

案例品牌：天猫

灵魂也是（shì）有香气的（de），听起来是不是很新颖？天猫超级品牌日做品牌推广（guǎng），根据用户性格测试结（jié）果，推荐不同（tóng）品（pǐn）牌的（de）产品，提高品牌日知名度，加深用户对各（gè）大品牌的（de）印象，促进（jìn）消费。

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

案例名称：壳牌电子（zǐ）会员2周年庆

案（àn）例品牌：壳牌

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

案例名称：成都天府通-年（nián）度（dù）账单H5

案例品牌：天府（fǔ）通

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

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

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

相关阅读（dú）：《精选（xuǎn）H5案（àn）例合集分（fèn）享-07期》