对于互（hù）联网创意工作者而言，永远保（bǎo）持充沛的精力和（hé）灵感可并不轻松，他们平时向外界输出智慧成果，迎接一轮（lún）又一（yī）轮的头脑风暴（bào），面（miàn）对高强度（dù）的作业需求，还（hái）要努力维持着工作（zuò）状态。在这（zhè）样的情况下，大（dà）家期盼着（zhe）有一（yī）座创意加油站出现，能够为我们提供取（qǔ）之不竭的灵感源（yuán）泉。本期小编给大家（jiā）带来的就是全（quán）网最新的H5案例分享，希望能给大家带来一些创（chuàng）意灵感。

案例名称：建党100周年互（hù）动微电影《抉择》

品牌（pái）：人民日报新媒体×Bilibili

人民日报（bào）新媒体（tǐ）联合Bilibili在建（jiàn）党100周年（nián）之际（jì）推出的作品，用户化身为剧中人物（wù），在（zài）电（diàn）影中选（xuǎn）择情节走向，感（gǎn）受（shòu）建党，建国，科研和（hé）祖国（guó）建设的艰辛之路和胜利之路，为党献出（chū）真挚的（de）祝福。

打开作品后，从“红色（sè）起点”“归国巨轮”“圆梦茶乡”中选择一（yī）个，开启（qǐ）体验，在出现（xiàn）选（xuǎn）择（zé）时点击（jī）自己想要的剧情（qíng）走向即可（kě），电影播放完（wán）毕后，用户可以看到自己的故事梗概，和剧（jù）情解锁图，三个电影对应（yīng）了建党前，建国时，和建国后的时间（jiān）段。

案例名称：欢迎来到（dào）特区金色（sè）大道

品牌：深圳银保监（jiān）局

通过对深（shēn）圳经济特区四十年发展过程中（zhōng），银行保险重（chóng）点企业的重大事件回（huí）顾，展示银（yín）行保险行业支持特区建设，发挥（huī）了巨大的金融作用。特别是深圳银保监局成立以来，银（yín）行（háng）保险行（háng）业（yè）继续（xù）发（fā）扬敢闯敢试、敢为人（rén）先、埋头苦干的（de）特（tè）区（qū）精神，永葆“闯（chuǎng）”的精神、“创”的劲头、“干”的作风，续写（xiě）更多春天的故事！

画面以（yǐ）时间为顺序，从80-90-00-10-至今（jīn），画面元素也（yě）会随着时（shí）代而变化，比如车辆、道路、人物（wù）和建筑风格等；事（shì）件详情页背（bèi）景也选用了三（sān）个（gè）不（bú）同（tóng）时（shí）期的（de）深南大道风景（jǐng），与（yǔ）深圳金色大道呼应（yīng）。

案例名称（chēng）：清（qīng）华大学美（měi）术（shù）学院（yuàn）线上（shàng）毕业展

品牌：清华大学美术学院

这（zhè）是（shì）清华（huá）大学美术设计研究院联合清华大学-阿里巴巴（bā）人机自然交互（hù）体验实验室、阿里（lǐ）云制作的一场线（xiàn）上（shàng）毕业展，通过（guò）线上展览（lǎn）的方式让更多的人看（kàn）到（dào）清华美院（yuàn）学（xué）生们的（de）设计理念（niàn）、艺术设计技能、执着理想、求真务实、自（zì）信的文化态度。

在展览中，用户左滑屏幕（mù）依（yī）次浏（liú）览展位，每个展位首先是作者名字（zì），照片，作品名称，设计（jì）理（lǐ）念阐述，然后是（shì）作品展（zhǎn）览，展览包（bāo）括图像和视频两种方（fāng）式（shì），有的会有一些简单的小互动，让作者更直观的感受作品主（zhǔ）旨，点击右下角作者名字（zì）会弹出作（zuò）品图选（xuǎn），细节欣赏，或其他（tā）平台的（de）个人二维码，左下角有展位（wèi）序列号。用户在欣赏过程（chéng）中可随时点击（jī）左侧列表，跳（tiào）转至其他展（zhǎn）区（qū）或系别。

案（àn）例名称：CHOCAPIC® Nutri-Game

品牌：雀（què）巢 Nestlé

这是（shì）雀巢的chocapic产（chǎn）品宣传H5，目（mù）的是通（tōng）过小游戏的（de）形式黏连年（nián）轻用户。

H5采用（yòng）小（xiǎo）游戏（xì）的形式（shì），首屏是chocapic的产品介绍（shào）和（hé）游戏说明，点击“OK”按钮，进（jìn）入（rù）游戏机界面； 

游戏机界（jiè）面，提示点击右侧黄（huáng）色（sè）“X”按钮，开始游戏（xì），而后是对话完毕，点（diǎn）击屏（píng）幕左侧上下左右键小狗运（yùn）动；点（diǎn）击右侧黄（huáng）色“X”按钮，小（xiǎo）狗跳跃，游（yóu）戏有点像小时候玩的超（chāo）级（jí）马里奥；游戏过程中，小怪物可以跳跃踩，谷物（wù）形式的动态（tài）元素碰到后让右上角的（de）小（xiǎo）条一（yī）点点（diǎn）颜色充满。

案例（lì）名称：小小星途揽月人

品牌：网易新闻 X EXEED星途

神州十二号成功发射的新闻相信也点（diǎn）燃（rán）了许多小（xiǎo）朋友的太（tài）空梦想，网易新闻与星（xīng）途汽车联合制作了此作品，根据孩子的性（xìng）格生成小小探险（xiǎn）家（jiā）海报，呼应最（zuì）近关注度极（jí）高的神舟十二号成功（gōng）发射事件，表达对中（zhōng）国航天事业的尊重与自（zì）豪。

点（diǎn）击导语下的“立刻出（chū）道（dào）”，回答问题，包括孩（hái）子遨游太空会（huì）被什（shí）么（me）吸引，遇（yù）到外星（xīng）人会怎（zěn）么（me）做，然后输（shū）入名字，上传照片，选择海报背景，调整照片在背景中的大小（xiǎo）和（hé）位置，即可生成海报（bào），包括报头“小小星途揽（lǎn）月人”，成品效果图（tú），和根据用户选择授予（yǔ）的称（chēng）号“人见（jiàn）人爱的月（yuè）球御用（yòng）小（xiǎo）摄（shè）影家”“深藏（cáng）blue的太空救援小能手”等，用户可（kě）保（bǎo）存海报，或点击分享（xiǎng）参与抽（chōu）奖。也可点击跳转页面，了解相关活动（dòng）和预约新款星（xīng）途（tú）汽车（chē）的试驾。

案例名称：你能通过（guò）公司实习期的考验吗？

品牌：南方+

这家“创业公司”，史（shǐ）上最强！以（yǐ）进公司实（shí）习互动为主题，设定不同的场景（jǐng）和问题让用户（hù）选择“继续实习”还（hái）是“歇一歇”进行游戏

每个环节（jiē）出现4次对话（huà）框考验，结果页分别为“这就放弃了，XXXX”与“恭喜（xǐ）你通过第X关”两种（zhǒng）情况，制造反差，放（fàng）弃后（hòu）则弹出中国共产党人的（de）初心（xīn）使命，让大家（jiā）了（le）解和关（guān）心党员群体背后（hòu）的（de）坚持与（yǔ）奉（fèng）献。    最终结果页显示你拿到世界（jiè）最牛（niú）创业公司offer的潜力值结果，设置两（liǎng）个按（àn）钮，一个为（wéi）查看完整（zhěng）故（gù）事（三个故事党员群（qún）像合并（bìng）），一个为（wéi）生成（chéng）结果页，进一步分享传播。

案例名称：壳牌（pái）“0”收（shōu）益投资计划（huá）

品牌：壳牌

壳牌的环保主（zhǔ）题（tí）作（zuò）品，模拟在地（dì）球上种树，消灭二氧化碳的过（guò）程，让用户（hù）参与环保行动，提高环（huán）保意识。

主页点击接受（shòu）挑战，在20秒（miǎo）倒（dǎo）计时（shí）内尽量多的点击不（bú）断冒出（chū）的二氧化碳标志，让（ràng）其（qí）变成小树，倒计时结（jié）束，用户可以看到自己的种树数（shù）量，获（huò）得的称（chēng）号和排名，点击（jī）跳转到最后（hòu）页面，可以看到最终种（zhǒng）树（shù）数量（liàng）对应的二氧化碳吸收量，排（pái）行（háng）榜（bǎng），和1分52秒的（de）主题视频。

案（àn）例名称：欧罗巴蹴鞠（jū）大赛画传

品牌：Formovie峰米X网易文创X哒（dā）哒

峰米宣（xuān）传（chuán）作品，将现代足（zú）球报导与古代蹴鞠画面（miàn）结合，宣传传统（tǒng）文（wén）化和峰米产品优势（shì），为店铺引流。

横屏浏览（lǎn），点击打开长（zhǎng）轴画（huà）卷（juàn），卷首（shǒu）是标语（yǔ）和简约导语，点击蹴鞠（jū）球逐幅浏览，画面内容有场上伤员急救，比赛引发企业股价波动，疫苗立大功，乌龙球，名流（liú）云集（jí）看（kàn）台，国家队赶（gǎn）赴（fù）球场，头球进决赛，点（diǎn）球争议，最后用户选择一副主图生成收藏海报，海报右方有（yǒu）峰（fēng）米（mǐ）产（chǎn）品优势描述，用（yòng）户可重选主（zhǔ）图和登陆店铺。