创意H5案例合集NO.4

中秋国庆是所有商家都会忙碌起来的营销旺季，其中自然少不了相关的H5案例。蓝橙互动精选H5案例合集第四期就为大家带来了不少相关国庆和中秋H5案例，一起来体验一下吧。

案例名称：原来小长长长长长长长长长假还能这样过？

案例品牌：湖南联通

Freestyle是现代年轻人热衷歌曲之一，湖南联通从Freestyle切入，贴合国庆中秋节点秒启古今穿越，带领用户在重温中秋典故及文化之外，还感受到湖南联通5G的极速畅快

天宫山水风景进入开篇，点击播放即可观看国庆中秋Freestyle，唱出畅快，说出5G爽。拉开云雾开始穿越，中国中秋人物及其他经典人物一一再现，分别是嫦娥、月老、八戒、哪吒、龙王等。他们携带湖南联通来共度国庆中秋，向大家展示5G之快，5G之妙，感受畅快体验是如何贯穿古今时代 。最后重回天宫山水风景，点击“即刻5G”将跳转湖南联通5G专区。极速5G联通未来，秒速升级5G，享受5G！

案例名称：70年，能为祖国做些什么？

案例品牌：腾讯 + 共青团中央

开始是视频的形式，展示通过我们勤劳的双手，祖国的变化；后续是一镜到底的长图形式，讲述祖国的大事件和祖国的变化。手绘插画，视频中融入了腾讯产品，长图的画面绘画超精致。

案例名称：腾讯新闻 中秋奇妙夜

案例品牌：腾讯新闻X腾讯新国风

打开作品后，一轮弯月逐渐变得圆满，地球缓缓升起，用户选择一个观景地，可选择的地方有大漠敦煌，万里长城，梦回古都，平湖秋月，太空奇旅（宇宙飞船上），观景地名字下有已选择人数。选择好后，穿过云雾到达，转动手机改变观景角度，天上一轮明月始终都能看到，明月旁浮现古风国画和诗词句子，一幅散去，一幅又来，用户选择喜欢的点击照相触点，生成海报，然后可关闭海报继续观赏，也可点击海报上的触点登陆腾讯新闻APP或领取福包。

立体景观，VR观景，观景地的选择非常经典。一轮金色的明月占幅很大，颜色和光泽调节得非常漂亮，给用户带来视觉上的享受。古诗词都是节选的大家比较熟悉的，古风画飘逸灵动，引发用户对中秋的无限感慨。

案例名称：你的职场头条

案例品牌：网易文创X哒哒X欧莱雅

打工烦恼千千万，崩溃痛哭怎么办，巴黎欧莱雅将打工人的际遇整理成趣味新闻海报，让用户倾诉烦恼，娱乐的同时宣传“紫熨斗”的淡纹功效。

打开作品，一则则关于打工的搞笑报导叠加出现，用户点击“一键生成”，根据页面引导完成选择，包括打工的核心问题，应对方法，和下班最后见到的人，输入名字，性别和办公地点，点击确定，即可生成个人新闻头条海报，包括“打工日报”的报头，串联了用户刚才的信息的报导，用emoji表情当头部的照片，产品照片，和出品方名字。用户可点击登录官网了解更多。

案例名称：测一测我的月饼DNA

案例品牌：天目新闻

中秋吃月饼是传统习俗，天目新闻邀请用户参与性格测试H5，生成代表自己性格的特殊月饼，切合时节，表现平台的创意思维，吸引用户关注和登陆浏览。

打开就可以看到一个银色的三维月饼缓缓转动，点击触点开始测试，五道题，分别是诗人在月下写了哪句诗，在图书馆偶遇的男神/女神在看哪本书，神秘图案出现的场所，想把月亮变成什么颜色，周末愿意听的歌，点击四个选项中符合自己心意的就可以，答题完毕，输入名字生成海报，包括月饼名称，和简略讲解，以及一个三维大月饼，可滑动屏幕旋转月饼360度欣赏。

案例名称：急！寻找“国宝”守护人

案例品牌：99公益日X腾讯游戏

99公益日与腾讯游戏一起推出的作品，号召用户为保护国宝贡献助力值，回答相关问题，了解国家宝藏。

保护河南文物，保护长城，保护莫高窟，保护云冈石窟，城乡孩子“智体双百”公益计划，用户在五个项目中选择一个，浏览详情介绍，点击助力触点，回答选择题，勾选答案后可以立刻看到结果和答案解析，上方有得到的小红花数量，答题完毕跳出感谢助力界面，告知用户本次助力值，用户可点击领取小红花证书或继续助力其他项目。

手绘作品，颜色丰富，格调温暖，绘出了各个需要保护的项目的标志性文物，正经的科普问题，传播专业知识，让用户感受祖国文化的绚烂多彩，激发保护欲。

案例名称：千年奉化，一曲咏叹

案例品牌：世茂集团

世贸泉溪江楼盘的宣传作品，一览奉化美景，感受人文色彩和城市建设脚步，宣传东方桃源之境的建筑风格。

画卷展开，上面有关于奉化的文言描述，进入画卷，依次来到雪宝山，泉溪江，蒋氏宗祠，奉化中学，世贸泉溪江，了解宁波发达的交通建设，浏览景色，阅读文字描述，聆听英文解析，来到弥勒大道售楼处，感受看房景象，最后是楼盘海报，包括宣传语，楼盘位置，电话和楼盘外景。

景色很多，视觉体验丰富，有自然景观，粉花朵朵的桃林，清水濯濯的江流，也有人文景色，身着民国时期校服的奉化中学生，江边整齐的别墅区等，显示楼盘优越的地理位置和教育优势。

以上就是本期为大家带来案例分享，感兴趣的朋友可以持续关注我们蓝橙互动的新闻动态，我们会不定时向大家分享最新的优秀H5案例。

相关阅读：

创意H5案例合集NO.1

创意H5案例合集NO.2

创意H5案例合集NO.3