上期为大家带来（lái）许多优（yōu）秀的H5案例（lì），反响不错，很多朋友都（dōu）希（xī）望能再多分（fèn）享一些。下面，球速体育和蓝橙（chéng）互动就（jiù）为大家带（dài）来第二（èr）期精选H5案例合（hé）集。

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

案例品牌：饿了么X口（kǒu）碑（bēi）网X清明上河图（tú）

饿了么与清明（míng）上河图合作，将饿了么上面的商家植入（rù）进上河图（tú）里面的（de）商铺（pù），整幅画面以动态形（xíng）式呈现，用户点（diǎn）击上河（hé）图中的商家，可以领取优惠（huì）券。

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

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

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

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

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

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

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

案（àn）例名（míng）称：燃...燃起（qǐ）来（lái）了

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

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

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

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

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

案例品牌（pái）：人民日报新媒体（tǐ） x 中（zhōng）国（guó）移动 x 咪咕

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

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

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

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

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

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

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

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

案例：新生代返场（chǎng） 升级新可能

品牌：网（wǎng）易云音乐 X adidas

开（kāi）学季在即（jí），如果给（gěi）你个机会重（chóng）回校园，你会是（shì）老师同（tóng）学心目中（zhōng）怎样（yàng）的学生呢？带上adidas新（xīn）装备，一起重温校园时光（guāng）吧！

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

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

案例（lì）名称：biubiubiu

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

新华社（shè）出（chū）品，用户在作（zuò）品中（zhōng）感受射击（jī）乐趣（qù），通过三关，即可（kě）参（cān）与抽奖，挑（tiāo）战体（tǐ）育项目，呼应奥运主题。

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

作品界面很简洁（jié），瞄（miáo）准星视（shì）角，让（ràng）用户专注射击，在严肃的背景音乐下感受紧张的比赛气氛。

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