上期为大家（jiā）带来（lái）许多优秀的H5案例（lì），反响不错（cuò），很（hěn）多朋友都希（xī）望能再多（duō）分享一些。下面，半岛网页版和蓝橙互动就为大（dà）家带来第二期精选H5案例（lì）合集。

案例名称：跟我到古代（dài）云逛庙

案（àn）例（lì）品牌：饿（è）了么X口碑网X清明上（shàng）河图（tú）

饿了么与（yǔ）清明上河（hé）图合作，将（jiāng）饿了么（me）上面的商家植入进上河图里面的商铺（pù），整幅画面以动（dòng）态形式（shì）呈现，用户点击上河图（tú）中的商家（jiā），可以领（lǐng）取（qǔ）优惠（huì）券（quàn）。

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

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

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

案例品牌：饿（è）了么X后浪出版公司《秘密（mì）花（huā）园》

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

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

还（hái）原《秘（mì）密花园》本（běn）来的色（sè）彩（cǎi）元素和手绘（huì）风格，色彩（cǎi）丰富元素繁密，各个场景都很（hěn）温暖美好，又有生活气（qì）息，都是生活中人们经（jīng）常遇到的外卖需求。

案（àn）例（lì）名称：燃...燃起来了

案例（lì）品牌：新华社（shè）客户端X新（xīn）华社体育部X新华（huá）社技术局X新浪微（wēi）博

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

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

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

案例名称（chēng）：东（dōng）京奥运会 金牌大挑战

案例品牌：人民日（rì）报新媒体 x 中国移动 x 咪咕

这是（shì）人民日报新媒体联合中国移动、咪咕（gū）制作的H5案例，旨（zhǐ）在传递（dì）奥运精神，通过游戏的形式（shì）让用户体验不同（tóng）运动项目（mù）的趣味。

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

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

案例名称（chēng）：我们能一起看奥运么（me）？

案例品牌：人民体育&腾讯看点（diǎn）&QQ浏览器（qì）

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

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

色彩统一（yī），每（měi）个项目都有相关配图，让用户浏览起来有画面感（gǎn），从而（ér）选出自己（jǐ）的最爱。被选项目会变成别的颜色，视觉突（tū）出，方便用户回顾。

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

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

开学季在即，如（rú）果给你个机会重（chóng）回校园，你会是老师同学心目中怎样的（de）学生呢？带上adidas新装备（bèi），一起（qǐ）重温校园时光吧！

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

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

案例名称：biubiubiu

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

新华社出品，用户在作品（pǐn）中感受射击乐（lè）趣，通（tōng）过三关，即可参与抽（chōu）奖，挑战体（tǐ）育项目，呼应奥运主题。

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

作品界面很简洁，瞄准星视角，让（ràng）用户专注（zhù）射击，在（zài）严肃的背（bèi）景音乐下感受紧张的比赛气氛。

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