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

案例名称：建党100周（zhōu）年互动（dòng）微（wēi）电影《抉择》

品牌：人民日报（bào）新媒体×Bilibili

人民日报（bào）新媒体联（lián）合Bilibili在建党（dǎng）100周（zhōu）年之际推出的作（zuò）品，用（yòng）户化（huà）身为剧中人物，在电（diàn）影中选择情节走（zǒu）向，感（gǎn）受建党（dǎng），建国，科研和祖国（guó）建设（shè）的艰（jiān）辛之路和胜利之路，为党献（xiàn）出真挚（zhì）的祝福。

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

案例名称：欢迎来（lái）到特区金（jīn）色（sè）大道

品牌：深圳银保监局

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

画（huà）面以（yǐ）时间为顺（shùn）序，从80-90-00-10-至今，画面元素也会随着（zhe）时代而变化（huà），比（bǐ）如车辆、道路、人物和建（jiàn）筑风格等；事件详情页背景也选用了（le）三（sān）个不同时期的深南（nán）大道风景，与深（shēn）圳金色大道呼应。

案例名称：清华大学美术学（xué）院线上毕业展

品牌：清（qīng）华大（dà）学美术学（xué）院

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

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

案例（lì）名称：CHOCAPIC® Nutri-Game

品牌：雀巢 Nestlé

这是雀巢的chocapic产品（pǐn）宣传H5，目的是通过（guò）小游戏的（de）形（xíng）式黏（nián）连年轻用户。

H5采用小游戏的形式，首屏是chocapic的产（chǎn）品介绍（shào）和游戏说明，点击“OK”按钮，进入游戏机界面（miàn）； 

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

案例名（míng）称（chēng）：小小星途（tú）揽月人

品牌：网易新闻 X EXEED星途

神州十二号成功发射的新闻（wén）相信（xìn）也点燃了许多小（xiǎo）朋（péng）友（yǒu）的太空梦想，网易新闻与星途汽车联（lián）合制作了（le）此作品，根据孩子的性格生成小小探险家海报，呼应最近关注度极高的神（shén）舟十二号成功发射事（shì）件，表达对中国航（háng）天事业的（de）尊重与自豪。

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

案例名称（chēng）：你能通过公司（sī）实习期的考验吗？

品（pǐn）牌：南方+

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

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

案例（lì）名称（chēng）：壳牌“0”收益投资计（jì）划（huá）

品牌（pái）：壳（ké）牌

壳牌的环（huán）保主（zhǔ）题作品，模拟在地球上种树，消（xiāo）灭二氧化碳的过程，让用户参与环保行动，提高环保意识。

主页点击（jī）接受挑战，在20秒倒（dǎo）计时（shí）内尽量（liàng）多的点击不断冒（mào）出的二氧化（huà）碳（tàn）标（biāo）志，让其变（biàn）成（chéng）小树，倒计时结束，用户可（kě）以看到（dào）自己的种树数量，获得（dé）的称号和排名，点击跳转到最后页面（miàn），可（kě）以看到最（zuì）终种树数量对（duì）应的二（èr）氧（yǎng）化碳吸收量，排行榜，和1分52秒的主题（tí）视频。

案例（lì）名称（chēng）：欧罗（luó）巴蹴鞠大赛画传

品牌：Formovie峰米X网（wǎng）易文创X哒哒

峰米宣传（chuán）作（zuò）品，将现代足（zú）球报导与古代蹴鞠画面结合，宣传传统文化（huà）和峰米产品（pǐn）优势，为店铺引（yǐn）流。

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