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

案例名称（chēng）：跟我到古代云逛庙

案（àn）例品牌：饿了（le）么X口碑网X清明（míng）上（shàng）河图

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

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

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

案（àn）例名称：秘密花园

案例品牌（pái）：饿了么X后浪出（chū）版（bǎn）公司《秘密花（huā）园》

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

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

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

案例（lì）名称：燃...燃起（qǐ）来了（le）

案例（lì）品牌：新华社客户端X新华社体（tǐ）育部（bù）X新华社技术局X新浪微博

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

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

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

案例名称：东京奥运会 金牌大挑战（zhàn）

案（àn）例品牌：人民日报（bào）新媒体（tǐ） x 中（zhōng）国移动 x 咪咕

这是人民日报（bào）新（xīn）媒（méi）体联（lián）合中国移动、咪（mī）咕制作的H5案例，旨在传递奥运精神，通过（guò）游戏的形式让用户体验不同运动项目的（de）趣（qù）味（wèi）。

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

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

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

案例品牌：人民体育&腾讯看点&QQ浏览器

选择自己最喜（xǐ）欢（huān）的奥运项目，发给（gěi）好友，考验默（mò）契。

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

色彩统一，每个项目都（dōu）有相关配图，让（ràng）用（yòng）户浏览起来有画（huà）面感，从而选（xuǎn）出自己的最爱。被选（xuǎn）项目会变成别的颜（yán）色，视觉突（tū）出，方便用（yòng）户回（huí）顾。

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

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

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

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

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

案例名称：biubiubiu

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

新华社出品，用户在作（zuò）品（pǐn）中感受射击乐趣，通过三关，即可参（cān）与抽奖，挑（tiāo）战（zhàn）体（tǐ）育项目，呼应奥运主题（tí）。

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

作品界面（miàn）很（hěn）简洁，瞄准（zhǔn）星（xīng）视角，让用户（hù）专注（zhù）射击，在严肃的（de）背景音乐下感受（shòu）紧张（zhāng）的比赛气氛。

相（xiàng）关阅读（dú）：《精（jīng）选H5案（àn）例合集分享-01期》