上期为大家带来许多优（yōu）秀的H5案例，反响不错（cuò），很多朋友都希望能再（zài）多（duō）分享一些。下面（miàn），欧宝网官方站入口和蓝橙互动（dòng）就（jiù）为大家带来第二（èr）期（qī）精选H5案例合集（jí）。

案例名称：跟我（wǒ）到古代云逛庙（miào）

案例品牌：饿了么X口碑（bēi）网X清（qīng）明上河图

饿（è）了么与（yǔ）清明上河图合作，将（jiāng）饿了么上面的商家植入进（jìn）上河（hé）图里（lǐ）面的商铺，整幅画面以动态形式呈现，用户点（diǎn）击上河图中的（de）商（shāng）家，可以领（lǐng）取优惠券。

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

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

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

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

该案例契合饿了么蓝骑士的（de）口（kǒu）号，与（yǔ）知名的涂（tú）色绘本《秘密花园》合作（zuò），将（jiāng）饿了么上可以点的（de）商户植入到秘密花（huā）园中（zhōng），凸显下午茶的概念，用户（hù）可以看到蓝骑士（shì）与用户之间发生的故事，凸显“爱什（shí）么来什么”的口（kǒu）号（hào）。

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

还原《秘密（mì）花园》本来的色彩元素和手绘风（fēng）格，色彩丰富元素繁密，各个场景都很温暖美好，又有生活气息，都是生（shēng）活中人们经常遇到的外卖需求。

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

案例品牌：新华（huá）社客（kè）户端X新华社体育部X新华社技术局X新浪微博（bó）

全民健（jiàn）身时代，远离高热（rè）量食物，用运（yùn）动消耗卡（kǎ）路（lù）里（lǐ），才能实现（xiàn）身材（cái）升级（jí）。参与新华社出品的足球游戏，了解运动，卡路里，与实物数量之间的换算，还可以（yǐ）用成（chéng）绩（jì）兑换奖品（pǐn）哦（ò）！

初（chū）始（shǐ）界面有一位身着球服的胖男生背影，上方是（shì）标题和该（gāi）男子肥胖程度，下方是（shì）开始触点，排行榜与游戏方法（fǎ）详情。

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

案例名称：东京奥运（yùn）会（huì） 金牌大挑战

案（àn）例品牌（pái）：人民日报新媒体 x 中国移（yí）动 x 咪（mī）咕

这（zhè）是人民日报新（xīn）媒体联合（hé）中国移动、咪咕制作的H5案例，旨在（zài）传递奥运精神，通过游戏的形（xíng）式让用户体验不同（tóng）运动项目的趣味。

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

整个案例操（cāo）作简单，游戏也具（jù）有反复参（cān）与（yǔ）性，九种不（bú）同的运动项（xiàng）目（mù）包（bāo）含全面，有些是用（yòng）户（hù）平时很难接触到的，通过（guò）游戏体验是一种很新颖的方（fāng）式，也能够增强用户对该项目真正的运动体（tǐ）验的好奇心。

案例名（míng）称：我们能（néng）一起看（kàn）奥运么？

案例品牌：人民体育（yù）&腾（téng）讯看（kàn）点&QQ浏览器

选择自己最喜欢的（de）奥运项目，发（fā）给好友，考验默契。

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

色彩统一，每（měi）个项目（mù）都有相关配（pèi）图，让用户浏览起来有（yǒu）画面感，从而选出自己（jǐ）的最爱。被选项（xiàng）目会变成别的颜（yán）色，视觉（jiào）突出，方便用户回（huí）顾。

案（àn）例：新生代返场 升级新可能

品牌（pái）：网易云音（yīn）乐 X adidas

开学季在即，如果给你个机会重回校（xiào）园，你会是老师同（tóng）学心目（mù）中怎样的学生呢？带上adidas新装备，一起重温校（xiào）园时（shí）光吧！

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

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

案例名称：biubiubiu

案例品牌：新华（huá）社技（jì）术局&新华社客（kè）户（hù）端&新华（huá）社体育部出品

新华（huá）社（shè）出品，用（yòng）户在（zài）作品中感受（shòu）射（shè）击乐趣（qù），通（tōng）过三关，即可参与（yǔ）抽奖，挑战体育项目，呼应（yīng）奥运主题。

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

作品界面很简洁，瞄准星视角，让用户专注射击，在严（yán）肃的背景音乐下（xià）感受（shòu）紧（jǐn）张的比赛气氛。

相关（guān）阅读：《精（jīng）选H5案例（lì）合（hé）集分享-01期》