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

案例名称：跟（gēn）我到古代（dài）云（yún）逛庙（miào）

案例品（pǐn）牌：饿了么X口（kǒu）碑网X清明上（shàng）河图

饿了么与清（qīng）明（míng）上河图合作，将饿了（le）么（me）上面的商家植入进上河图（tú）里面的商（shāng）铺，整幅画面以动态形式呈现，用户（hù）点击上（shàng）河图中（zhōng）的商家，可以（yǐ）领取优惠券。

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

还原清明上河图的风格（gé），进行（háng）手绘呈现，既有古风美（měi）感，又有很多熟悉的（de）现代美食店铺罗列，点（diǎn）开后各（gè）个品牌均有优惠可以领取（qǔ），对用户来说都是实打实的省钱，精准迎合需求（qiú），同时很详（xiáng）细（xì）的（de）宣（xuān）传了平台各方面的（de）品牌优势和贴心服（fú）务。

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

案例品牌：饿了么X后浪出版公司（sī）《秘密花（huā）园（yuán）》

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

点击打开（kāi）作品，来到秘密（mì）花（huā）园风格的横屏界（jiè）面（miàn），左滑屏幕查看画（huà）作每部分的内容，蓝骑士为小（xiǎo）朋（péng）友（yǒu）送来好吃的，为在公园看（kàn）书的女生送来奶茶，为聚会庆（qìng）生（shēng）的女生们送来蛋糕，为求婚的男生送（sòng）来花束。用户点击发光图标领取（qǔ）优惠券。

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

案例（lì）名称：燃...燃起来（lái）了

案例品牌：新华社客户端X新华社体育（yù）部（bù）X新华社技术（shù）局X新浪微（wēi）博

全民（mín）健身（shēn）时代，远（yuǎn）离（lí）高热量食（shí）物，用运（yùn）动消耗卡路里，才能实现身材升级。参与新华社出品的足球游戏（xì），了（le）解运动，卡（kǎ）路里（lǐ），与（yǔ）实物数量之间的换算，还可以（yǐ）用成绩兑（duì）换奖品哦！

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

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

案例名称：东京（jīng）奥（ào）运会 金牌（pái）大（dà）挑战

案例（lì）品（pǐn）牌：人民（mín）日报新媒（méi）体 x 中国（guó）移动 x 咪（mī）咕（gū）

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

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

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

案例（lì）名称：我们能一起看（kàn）奥（ào）运（yùn）么（me）？

案例品牌：人民（mín）体（tǐ）育&腾讯看（kàn）点&QQ浏览器（qì）

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

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

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

案（àn）例：新生（shēng）代返场（chǎng） 升级（jí）新可能

品牌：网易（yì）云音乐 X adidas

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

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

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

案例名称：biubiubiu

案例品牌：新华（huá）社技（jì）术局&新华（huá）社客户端&新华社（shè）体（tǐ）育部出（chū）品（pǐn）

新华社出品，用（yòng）户在作品中感受射击乐趣（qù），通过（guò）三关，即可参与（yǔ）抽奖，挑（tiāo）战体（tǐ）育（yù）项目，呼应奥运主题。

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

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

相关阅读：《精选（xuǎn）H5案例合集分享-01期》