上期为大（dà）家带来许多优秀的H5案例，反响不（bú）错，很多朋友都希望能再多（duō）分享一（yī）些（xiē）。下面，九游娱乐和蓝橙互（hù）动就为大家带来第二期精选H5案（àn）例合集。

案例（lì）名称（chēng）：跟我到古代（dài）云逛庙

案例品牌：饿了么X口碑网X清明（míng）上河图

饿了么与清明上河（hé）图合（hé）作，将饿（è）了么上面的商家（jiā）植入进上河图里面的（de）商铺，整幅（fú）画面以动态形式呈现（xiàn），用户点击上河图中的（de）商家，可以领取（qǔ）优（yōu）惠券。

标（biāo）题页面的进度条（tiáo）加载完毕后，用户随着镜头穿过（guò）云雾，来到清明上河图中，左滑浏（liú）览，熙攘（rǎng）街头（tóu）有许多（duō）热门店面，和零星分布的讲解（jiě），以及人物（wù）对话框。店面包括外婆家，来伊（yī）份，麦当劳（láo），奈（nài）雪的茶，海底捞等（děng）100多（duō）个各类店铺，店铺上面有（yǒu）招牌，LOGO和广告语；零星分布（bù）的（de）讲解内容有超级（jí）品牌日（rì），顾客（kè）对美食的（de）感慨，蜂鸟（niǎo）配送，口碑直播等平台（tái）活动（dòng）和服务内容；人物对话有外卖（mài）员送餐，顾客（kè）取餐，老板（bǎn）感慨加（jiā）入饿了么以后（hòu）订单很多等生活（huó）化内容（róng）。用户点击（jī）喜欢（huān）的（de）店铺，查看（kàn）大（dà）图，有小二报出店名和欢迎词，用（yòng）户可（kě）选择进店抢（qiǎng）货（huò）或继续逛（guàng）街。

还原清明上河图的风格（gé），进行手绘（huì）呈现（xiàn），既有（yǒu）古风美感，又（yòu）有很多熟悉的现代美食店铺（pù）罗（luó）列，点开后各个品牌（pái）均有优惠可以领取，对用户来说都是实打实的省钱，精准迎合需（xū）求，同时很详细（xì）的宣（xuān）传了平（píng）台各方面（miàn）的品牌优势和贴心服务。

案例名（míng）称：秘密花（huā）园（yuán）

案例（lì）品牌（pái）：饿了么X后浪出（chū）版公司《秘密花园》

该案例契合饿了（le）么（me）蓝（lán）骑士的（de）口号，与知名的（de）涂色绘本《秘（mì）密花园》合作，将饿了么上可以点的商户植（zhí）入（rù）到（dào）秘密花园中，凸显下午茶（chá）的概念，用户（hù）可以看到（dào）蓝骑士与用户之间发生的故事，凸（tū）显“爱什么来什么”的口号。

点（diǎn）击打开作品（pǐn），来到秘密花园（yuán）风格的横屏（píng）界面，左滑（huá）屏幕查看画作每部分的内（nèi）容，蓝骑士为小朋友送来好吃（chī）的，为在公园看书的女（nǚ）生送来奶茶，为聚会（huì）庆生（shēng）的女生们送来蛋糕，为求婚的男生送来花束。用（yòng）户（hù）点击发光图标领（lǐng）取优（yōu）惠券。

还原《秘密花园》本来的色彩元素和手绘风格，色（sè）彩丰富元素繁密，各个场景都很温暖美好，又有生活（huó）气息，都（dōu）是生活（huó）中人们经（jīng）常（cháng）遇（yù）到的外卖需求。

案例名称：燃...燃起来了（le）

案例品牌：新华（huá）社客（kè）户端X新华社体育部X新（xīn）华社技术局（jú）X新浪微博

全民健身时代，远离高热（rè）量食物，用运动（dòng）消耗卡路里，才能实现身材升（shēng）级。参与（yǔ）新华社（shè）出品的（de）足球游（yóu）戏，了解运动，卡路里，与（yǔ）实物（wù）数量（liàng）之间的换算，还可以（yǐ）用成绩兑换奖品哦！

初始界（jiè）面有（yǒu）一位（wèi）身着球服的胖男生背影，上方是标题和该男子肥（féi）胖（pàng）程度，下方是开始触点，排行榜与游戏方法详（xiáng）情。

点击“运（yùn）动有奖”开始挑（tiāo）战，男生大（dà）脚开球，向前奔（bēn）跑，用户点击跑（pǎo）道让（ràng）运动员左右移动，在奔（bēn）跑时（shí）需要注意足（zú）球位置，及时挪去带球，同时接住水，避开高热量食品和裁判（pàn），接住（zhù）水可以（yǐ）保持左（zuǒ）上（shàng）角身体（tǐ）含（hán）水量进度（dù）条不（bú）枯竭，接住高热量食品会抵消减掉的卡（kǎ）路里，没有及（jí）时接回球和冲撞裁判（pàn）会导（dǎo）致游戏结束，奔跑一（yī）定距（jù）离后男子身材会变瘦一个等级。

案（àn）例（lì）名（míng）称：东京奥运会 金牌大挑战

案（àn）例品牌：人民日报新媒体 x 中国（guó）移动 x 咪咕

这是人民日报（bào）新媒体联合中（zhōng）国（guó）移（yí）动、咪咕制作的（de）H5案例，旨在传递奥运精神，通过游戏的形式让用户体验（yàn）不（bú）同运（yùn）动项目的趣味。

加载成功后，用户（hù）可以在首页看到九种不（bú）同的运动（dòng）项目金牌，只要（yào）点击自（zì）己感兴趣的项目金牌，即可体验该运动项目的线（xiàn）上比赛；页面（miàn）跳转后，用户可以在（zài）游戏起始（shǐ）页了（le）解运动项目的规（guī）则（zé）、历史以及中国运（yùn）动员（yuán）最早（zǎo）在该项目取得的（de）成就，点击“我要挑战”了（le）解线上比赛的规则和（hé）比赛方法，在倒（dǎo）计时后开始比赛（sài），结束后（hòu）会根（gēn）据你的比赛成绩，为你颁发金牌、银牌、铜牌、谢谢参（cān）与四（sì）个奖（jiǎng）项，用（yòng）户可（kě）以在（zài）颁奖页面直（zhí）接保存海报，也可以分享（xiǎng）到朋友圈，如（rú）果对成绩不满意（yì），可以点击“再次挑（tiāo）战”。

整个案（àn）例操作简单，游（yóu）戏也具有（yǒu）反复（fù）参与性，九种不（bú）同的（de）运动项目包含全（quán）面，有些是用户平时（shí）很难（nán）接触到（dào）的，通过游戏体验是一种很新（xīn）颖（yǐng）的方式，也能够增强用户对该项目真（zhēn）正的运动体验的好奇心。

案例（lì）名（míng）称：我（wǒ）们能（néng）一起看奥运（yùn）么？

案例品牌：人民体育&腾讯看点&QQ浏览器

选择自己（jǐ）最喜欢的奥运（yùn）项（xiàng）目（mù），发给（gěi）好友（yǒu），考验默契。

点击打开作（zuò）品，在紫色系分框图中点击自（zì）己最喜欢的奥运（yùn）项目，选五个，被点击的（de）项（xiàng）目图（tú）片会从紫（zǐ）色系变为彩色系，右（yòu）下角（jiǎo）有已（yǐ）选数量，点好后（hòu），用户（hù）可选择（zé）“就这样猜”看看（kàn）自（zì）己和谁最（zuì）默契（qì），或（huò）选择“我来出题”，然（rán）后发给好友让好友猜，最后用（yòng）户（hù）可查（chá）看自己的选择，和登陆QQ浏（liú）览器查看奥运主题版块。

色彩统一，每个项目都有相关配（pèi）图，让（ràng）用户浏览起来有画面感（gǎn），从而（ér）选出自己的最（zuì）爱。被选项目会变成别的（de）颜色，视觉突出，方（fāng）便（biàn）用户回顾（gù）。

案例：新生代返（fǎn）场 升级（jí）新可能

品牌：网易云音乐 X adidas

开学（xué）季在即，如果给（gěi）你个机会重回校园，你会是老师同学心（xīn）目中怎样（yàng）的学生（shēng）呢？带上adidas新装备（bèi），一起重温（wēn）校园（yuán）时光吧！

选择自（zì）己的身份，学（xué）生，毕业（yè）多年，或已为人父母，开始答题，包（bāo）括（kuò）书包（bāo）里的东（dōng）西（xī），喜（xǐ）欢坐的位置，对一段（duàn）音乐（lè）的联（lián）想，感兴趣的新课（kè）和如何回（huí）复小纸条，输入姓（xìng）名（míng），选择性别，生成海报，包括你所属（shǔ）的（de）学（xué）生类型（xíng），头（tóu）脑王者，学霸或暖（nuǎn）心班长等，以及相（xiàng）关分（fèn）析，用（yòng）户可点击触点登（dēng）陆相关平（píng）台。

校园（yuán）类作品，颜色（sè）清新活跃，画风（fēng）青春洋溢有活（huó）力（lì），插（chā）图上的人物都身着阿迪达斯服饰，加深用户对品牌的印象，和感受品（pǐn）牌服饰（shì）对青春气（qì）质的加持。除了上课下课这（zhè）样的（de）上学正规流程，作（zuò）品还（hái）融入了传纸条（tiáo），打球（qiú），零食这（zhè）些（xiē）学生时代最喜欢（huān）的趣味，引发美好回忆。

案例名称：biubiubiu

案例品牌：新（xīn）华社技术局&新（xīn）华社（shè）客户端&新华社体育部（bù）出品

新（xīn）华社出品，用户在作品中感受射（shè）击乐趣，通过三关，即（jí）可（kě）参与抽（chōu）奖，挑战体（tǐ）育项目（mù），呼应奥运主（zhǔ）题。

首（shǒu）页有奖牌数，五星红旗和个人最高分，用户可选择（zé）音效（xiào）是否打开，查看排行榜（bǎng）和开始游戏，游戏开始后，上方（fāng）是30秒倒计时，目标38环，中（zhōng）间是（shì）瞄准星和靶子，滑（huá）动左下方的触点瞄准，点击右方射（shè）击，靶（bǎ）子上会出（chū）现（xiàn）击中的环数和枪眼，上（shàng）方目标栏（lán）跳至相应剩（shèng）余环（huán）数，完（wán）成38环后进入下一关，靶子会变小或晃动，三关后，总成绩和奖杯出现，点（diǎn）击（jī）抽奖。

作品界面很简（jiǎn）洁，瞄准（zhǔn）星（xīng）视（shì）角，让用户专注射击（jī），在严肃的背景音乐下感（gǎn）受（shòu）紧张的比赛气（qì）氛。

相关阅读：《精（jīng）选H5案例合集分享-01期》