下载h5案例素材（音效、图片、视频、代码）

请加微信：houtiemin

https://mp.weixin.qq.com/s/f3fhDASLMuTrlSezDcbqWw

啦啦啦~国庆节要到啦~

小编从半年前就开始在盼望国庆节啦~

普天同庆~

各位宝宝们赶紧把国庆策划案做好，好好个小长放假吧~

案例一

邀你亲历长征路上那些生死攸关的时刻

1、内容：进入页面后，根据页面提示上传图片，为图片的人物穿上军装。紧接着切换到踏上长征路途的页面，开始测试答题的环节，答完一道题场景出现前进的路线，答错题目则导致人物受伤，并且出现正确答案的相关提示。答题结束后可以看到自己的总成绩。

2、亮点：利用到CSS3的animation，动画给人的观看效果是十分流畅的。

3、体验：卡通的画风和复古的大字报，把故事表达的得生动形象。

（扫描欣赏）

案例二

史上最？阅兵

1、内容：答题开始之前是一段关于阅兵仪式的视频，视频中车辆缓缓开进，出现了很多方阵，虽然方阵的内容十分猎奇，但是很有趣。阅兵仪式的视频结束则是进入正题，就是答题环节，五道题四个选项。答题结束后页面会出现重复答题与分享答题结果的选项。

2、亮点：用阅兵仪式引出宣传广告，新奇又搞笑。简单可爱的动画流畅度很高，关键是广告的内容和阅兵可以说是毫无关联，个性十足。

3、体验：场景切换的速度有点快， 但是又很Q很可爱，萌萌的百度小人形象非常吸引人。

（扫描欣赏）

案例三

十一，你就这样为祖国庆生吗？

1、内容：用幽默高效的吐槽方式表达实际内容，图文的结合和动画的运动恰到好处，第一，出门堵车不畅快，第二，代购不顺心，第三，浪费，第四，北京雾霾，第五，沉迷游戏，第六，翻墙看帅哥，这一切都不如看直播来的畅快，看直播还可以跟主播互动，开心又实际。

2、亮点：搞笑逗比，每一秒都是令人发笑的犀利语句。

3、体验：整体给人的感觉很跳脱，很符合时下年轻人的口味，同时直播间也的确是在大众间越来越火爆了。

（扫描欣赏）

案例四

十“亿”保障 一路阳光

1、内容：动画的内容循序渐渐，像是一条线持续下去，利用即将到来的十一假期作为动画中人物开始旅行的因由，在旅行的过程中参与了许多有效可行的理财行动，保障自身的资金被利用到最大化。一路漂泊的爱心，给予别人，也收获别人的给予。

2、亮点：简单可爱的手绘风格，向日葵小人给人阳光开朗的感觉，故事的连贯性很好，每个理财产品的安插都恰到好处。

3、体验：动画的趣味性很高，很适合闲时观看，推荐的理财产品也是很不错的。

（扫描欣赏）

案例五

拯救十一朋友圈

1，内容：进入页面，首先是一个模拟的朋友圈，大家在国庆期间遇到的各种问题，比如出游都是人人人，路上堵车，宅在家被念，工作加班被电话骚扰。为了不让这个十一被狗带，出现了小人一起来打破十一预言。小人从上到下跳进每一个十一预言消息里，玩家可通过涂抹点击等方式消除那些令人心塞的十一预言，最后自然而然地过渡到被电话骚扰，百度手机卫士帮你“度”绝十一骚扰。

2，亮点：模拟朋友圈，小人出现前后的对比很强，从画面以及评论可以体现。另外每个消除预言的小互动增添了趣味性。

3，体验：朋友圈用手绘插画的形式表现了现实的情况，像魔法一样消除了可怕的十一预言，趣味性地接入广告不让人反感。

（扫描欣赏）

案例六

国旗护卫队

1，内容：这是一个结合国庆节的升国旗小游戏。游戏规则是点击黑鸟保护国旗；白鸽撞击旗帜可增速；滑动可使旗帜加速；控制旗子的速度，恰好在音乐结束时到达终点。游戏结束时可以由其护旗表现被授予不同的称号，还可看到自己超越的全国多少人，最后可以选择再来一次再玩一遍，还能关注艺人街获取更多乐趣。

2，亮点：游戏界面有小学课本里的插画风格的影子，很有童真的感觉，但是又透露一种又红又专的爱国精神。

3，体验：游戏设置比较简单，但是趣味性比较强，可以玩玩。

（扫描欣赏）

案例七

MILK趣十一

1，内容：这个案例借用牛奶milk读音与妙的谐音，以“MILK（妙）趣十一”为主题，列出了6个MILK计：行，寻，游，聚，挤，躺，将蒙牛牛奶巧妙地融入动态图文中，好玩又有趣。可以从六个锦囊MILK计划中挑选一个自己心仪的，开启自己的十一长假，也可推荐给他人，还可以点击”锦囊妙计“去蒙牛幸福车去看看。

2，亮点：案例采用了古代人物的画像，并做了现代元素增加的改动。配乐也是十分有古风的韵味，与精囊妙计的主题相符。

3，体验：案例的展现方式比较简单，但是不乏趣味。

（扫描欣赏）

案例八

测测你是哪种爱国范儿？

1、内容：以“爱国范儿”为线索，进行测试受众是哪种风格的爱国范儿。共有四条选择题，每条选择题有四项选项。最后可选择参加有奖活动或者再来一次。

2、亮点：卡通化的人物，轻快愉悦的背景音乐。接受测试的受众被标签化，更有归属感。

3、体验：幽默诙谐的选项答案容易获得受众的认同，较为亲民。卡通手绘式的人物突出了该群体的特色个性。

（扫描欣赏）

案例九

逗粉游戏：国庆极限跳跃

内容：Ｈ５小游戏，点击开始游戏，进入游戏，游戏模式与超级玛丽类似，根据手势滑动，小人向上跳跃，被铁架接着，可继续向前进，没被铁架接着，则游戏结束，并出现玩家在游戏中共跳跃了多少米，打败了全国多少人。

亮点：欢庆的设计页面，小游戏比较挑战用户的好胜心～略魔性。

体验：小编已被虐～

（扫描欣赏）

案例十

中国网移动产品部：老张今年67，是咱新中国的“发小儿”！

内容：图文展示类Ｈ5，回顾了1994年10月1日生日的“发小儿”老张和中国一起长大的重要历史阶段，以此来映射中国的快速发展。翻页手势是上滑，每一个阶段都有一部照相机，点击照相后出现文字和照片。

亮点：Ｈ5页面设计采用手绘，字体用手写体，让人 感觉亲切和一种历史年代感，与主题相呼应。

体验：每一页的互动都类似，但是内容又不同的意义，故事角度有趣走心。

（扫描欣赏）

—ＥＮＤ—

本文由199CASE原创，转载请注明！

专注于创意的移动营销案例搜索引擎

199case官网：http://www.199case.com

微信公众号：199case