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

案（àn）例名（míng）称：建党100周年互动微电影《抉择（zé）》

品牌：人民日报新（xīn）媒体×Bilibili

人民日报（bào）新媒体联合Bilibili在建党100周年之际推出的作品，用户化身为剧中人物，在电影（yǐng）中（zhōng）选择情节（jiē）走向，感受建（jiàn）党（dǎng），建国，科研和祖国建设的艰辛之路（lù）和胜利之（zhī）路，为党献出真挚（zhì）的祝福。

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

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

品牌：深圳银保监局

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

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

案例（lì）名（míng）称（chēng）：清华大学美术学院线上毕业展

品牌（pái）：清华大学美术学院

这是清（qīng）华大学美（měi）术设计研究（jiū）院联合清华大（dà）学-阿里巴巴人机自然交互（hù）体（tǐ）验实验（yàn）室（shì）、阿里云（yún）制作的一（yī）场线上毕业展（zhǎn），通过线上展览的方式让更多的人看到（dào）清华美院学（xué）生们的设计理（lǐ）念、艺术设计技能、执（zhí）着理想、求真务实、自信的（de）文（wén）化态度。

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

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

品牌：雀（què）巢 Nestlé

这是雀巢（cháo）的chocapic产品宣传H5，目的是通过小（xiǎo）游戏的形式（shì）黏连年轻用户。

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

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

案例名称：小小星途揽月人

品牌：网易新闻（wén） X EXEED星（xīng）途（tú）

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

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

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

品牌：南方（fāng）+

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

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

案例（lì）名称：壳牌“0”收益投（tóu）资（zī）计划

品牌（pái）：壳牌

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

主页点（diǎn）击接（jiē）受挑战，在20秒倒计时内尽（jìn）量多的点（diǎn）击不断冒出的二氧化碳标志，让（ràng）其变成小树，倒计时结束，用（yòng）户可以看到自己的种树数量，获得的（de）称号和排名，点击跳转到最（zuì）后（hòu）页（yè）面，可以（yǐ）看到最（zuì）终种树数量对应的二氧化碳吸收量，排行榜，和1分52秒（miǎo）的主题视频。

案例名称：欧罗巴（bā）蹴鞠大赛画传

品牌：Formovie峰米X网易文创X哒哒

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

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