上期为大（dà）家带来许多（duō）优秀的H5案例，反（fǎn）响不错，很多朋友都希望能再多分享（xiǎng）一些。下面，开云和蓝橙互动就（jiù）为大（dà）家带来第二期精选（xuǎn）H5案例合集（jí）。

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

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

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

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

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

案例（lì）名称：秘密花园（yuán）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

案（àn）例名称：我（wǒ）们能一起看奥运么（me）？

案例品（pǐn）牌：人民体育&腾讯看点&QQ浏览器

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

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

色彩统一，每个项目（mù）都（dōu）有相（xiàng）关（guān）配图（tú），让用户浏览起来有画面感，从（cóng）而选出自己的（de）最爱。被选项目（mù）会变成别的（de）颜（yán）色，视觉突出，方便用户回顾。

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

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

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

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

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

案（àn）例名称：biubiubiu

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

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

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

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

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