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

请加微信：houtiemin

七夕就要到了

被老板追着要策划案？

脑子一片空白想不出什么活动啊~

小编针对即将来临的七夕，

为大家整理了近两年来的七夕H5，真的是史上最全！最全！最全！

案例一

七夕，今天你怂了吗？

1、内容：首先进入画面看到的是一个粉红色的爱心，然后就是几个大大的字，今天你怂了吗？然后选择自己男生还是女生，画面进入到一个微信界面，备注是篮球队长大仁哥，大仁哥昨晚发来信息祝愿为七夕节快乐，我现在迟疑不敢回复，最后终于将告白发出去，不要怂，就是从心，将想对TA说的话写出来分享出去。

2、亮点、亮点：整个背景颜色是比较暗沉的藏青色，显得整个画面比较低落；捉住了很多人在面对感情都是怂的心理，提供了一个将自己想说的话分享出去的平台。

3、体验：主题是怂，一说到怂，没有人会承认，但是对于感情，多少人是怂的，不要怂，就是干。

案例二

女人馨香 七夕占爱

1、内容：通过上滑操作，一步步进入测试，通过选择感情状态：单身或者恋爱中，进入爱情运势占卜，通过摇一摇手机对选择塔罗牌。并且将香水与塔罗牌结合到一起，起到一定的宣传作用。

2、亮点：在设计上，采用粉色作为主色调，优雅浪漫，契合香水主题。在技术上，通过html5的重力感应来设计出摇一摇的方式，抽取塔罗牌，使整个页面生动形象。

3、体验：一步步上滑引导用户进入测试游戏，把神秘的香水和塔罗牌结合到一起，同时占卜塔罗牌是女性较为相信的测试命运的方式之一，因此很好的抓住了用户的胃口，起到了极好的宣传作用。

案例三

RECA

1、内容：这个案例讲述了一对情侣情人节的故事，进入页面就是几个大字印入眼帘，七夕我居然被打了3次，引起了用户的好奇，原来是男生在七夕节犯了3次错误：跟女朋友发微信，回了一个“哦”字、说别的女生漂亮、忘记准备礼物，每次女友不高兴就会出现“活腻了吧！”下边配上四幅图片，选择其中一种施虐方式，来接受惩罚。点击“求原谅”，显示红毯公众号的二维码，七夕陪TA一起免费体验RECA的活动，留下一份独家记忆。

2、亮点：采用了素描的设计风格，画风比较随意又很搞笑，故事情节也是很有意思，可能是很多情侣节日的写照。

3、体验：具体场景的设置很有真实感，惩罚男友的有趣方式也是很容易引起女同胞的分享传播。

案例四

大众点评：七夕大作战

1. 内容：进入页面中，可以选择身份，分别有“情侣”和“单身”可供选择，进入报名的页面了解活动详情点击报名。输入手机号码后点击确认则表示报名成功，活动结束后，会随机抽取用户赠送礼券。

2. 亮点： 使用古典的暗黄色作为基本色调，非常符合七夕这个传统节日的气氛。

3. 体验：用户一次只能选择一种身份进入这个游戏。

案例五

七夕陪饭骑士来啦!

1. 内容：配合七夕的节日特点，推出此广告。点击唐僧、至尊宝、德云班主、金姐其中的任何一个来陪饭；陪饭的时候，人物会说一个段子，喜欢的他们的可点个赞再唱一段，感觉听不下去影响食欲的，可再去重新选择；也可点击“呵呵”，去百度订外卖或把这个广告分享给朋友。

2. 亮点：漫画风格，采用橘红色作为主色调，黄色作为辅色调，搞笑幽默。

3. 体验：动画的页面颜色鲜艳，能够很好的吸引用户的注意，使用当下热门的搞笑人物贴近生活。

案例六

时物.七夕

1. 内容：小游戏类，一幅长图，描绘的是时物百货的商场，根据图片中的情景匹配情侣。可以使用情侣放大镜。成功在最短的时间内匹配出7对情侣的用户可以达到精美的礼品作为奖励。

2. 亮点：采用动画的长图，7对情侣分别是不同年代经典的情侣故事代表。

3. 体验：游戏简单，卡通动画风格画面甜蜜可爱，粉色调为主，体现七夕节日气氛。

案例七

送给你爱的那位吃货

1、内容：只需要一张图片然后使用图片生成器，输入你心爱的那个人的名字，点击生成就会生成一张带有你名字和你心上人名字的明信片（是不是很酷炫呢）内容温暖而温馨，如果你心爱的那个他（她）是个吃货的话，还可以点击送诗不如送吃功能就能跳转到商城界面哦，

2、亮点：H5他那个过简单的布局，自然的引出产品H5，H5方便，适合没有时间跟女友交流的上班族，还可以买吃的。

3、体验：画面清新时尚，而且蕴含着温馨的气息，其中介绍的很不错的一款H5，喜欢给对象惊喜的不容错过哦。

案例八

2015七夕节“梅赛德斯-奔驰”（必看）

1、内容：以鹊桥会为主题，扫码进入页面，摇动手机，画面开始展现，一台奔驰汽车试过桥面，到达红色的爱心交汇的地方，画面最后是一台红色奔驰车朝着画面外，打开了明亮的车灯。

2、亮点：整个画面，画风细腻，喜鹊的叫声仿佛从远方传来，没有过多的情境与故事，更容易让人将注意力集中到汽车本身。

3、体验：画面色调和谐而优美，让人产生一种驾驶着奔驰车在夜空中驶向爱情的感觉。

案例九

“七夕节”杜蕾斯节日宣传H5案例

1、内容：以“杜杜的七夕情人节”为主题，引用牛郎织女的典故，七夕到来，牛郎需要绕过王母娘娘的监视，与织女相会，打开画面充满了中国风，介绍了让牛郎躲避王母的游戏规则，用户点击开始后，通过控制右下方的前进标志决定牛郎的行动，直到到达目的地与牛郎相会。

2、亮点：中国风的画面，唯美而生动，引用七夕节牛郎织女相会的典故，增加了宣传的趣味性与情境感，也让人耳目一新。

3、体验：在浓郁的中国风背景中，让人体会到游戏的乐趣，情感也随着牛郎织女的相聚变得欢乐起来。

案例十

Longines

1、内容：进入页面就可以观看一段微电影，（主演是彭于晏哦！）影片里彭于晏将亲笔的情书和亲手挑选的花还有一只浪琴手表作为礼物送给“我”，视频以后还可以被问是否接受告白，用户做出选择后填写个人资料就有机会摘取旅游机会，也可以分享给意中人向她（他）表白哦

2、亮点：界面简洁，以渐变蓝色为主色调给人一种浪漫的气氛视频过后，用户做出不同的选择会有不同的视频结局。观看完视频小编也蠢蠢欲动想拿着花去向某个小姑娘告白了！

3、体验：嗯....H5真的很不错，体验吗.....有彭于晏就够了还要什么体验！！！简直帅死！

案例十一

约会男神

1、内容：用一个答题测试来测试女生在男神约自己的时候会用哪种化妆品，选择IPSA茵芙莎教你用最正确的化妆品，让你成功得到男神的亲睐！！

2、亮点：漫画采用粉色色系，漫画风格，房间内的画面画的很细致哦，拥有一种浪漫的气息！

3、体验：粉粉的色调给人很梦幻的感觉，在甜甜的气氛中观赏H5，为其加了不少分，同时感觉到这是很不错的H5哦妹子们快来注册吧！！

案例十二

比翼告白 “宾”纷鹊桥

1、内容：模拟写情书，就好像回到了以前80年代的时候，可以自己定制情书，给自己心爱的人寄去一封温馨而又温暖的情书。

2、亮点：白色大背景，最上面始终有宾利帅气的Logo，情书信纸有四种，喜鹊有三种，设计都非常精美，喜鹊的动画效果也非常华丽！一封高大上的H5情书！

3、体验：在体验中动画效果有点卡顿。正常显示的话，整体效果很炫酷，观赏性很高！而且营造出非常温馨甜蜜的感觉。

案例十三

杜蕾斯全民抓喜鹊

1、内容：点击GO!!!!!进入游戏，游戏与地图结合在地图可以随时看见自己的位置，如果发现了小喜鹊，只要走向它，用篮圈将其圈住，点击捕捉即可。

2、亮点：地图是腾讯地图，可以再随时看到附近的游戏在线人数和可爱的小喜鹊，集齐一定数量的喜鹊还可以兑换奖品哦！！

3、体验：很耐玩的游戏！！！简直就是强迫症的福音啊，建议推荐给身边有强迫症的朋友！！！

案例十四

单身狗的七夕破坏之旅 领取单身豪华礼包

1、内容：在七夕情人节不做情侣广告而是选择单身人士，采用电视新闻播报的方式发出单身狗破坏情人节的新闻，诙谐搞笑，并将广告植入新闻场景，也是巧妙，大众点评、滴滴专车、唯品会等情人节活动也隐形体现。

2、亮点：采用新闻播报方式点明单身狗在情人节这一天通过破坏情侣活动，搞笑有趣，并在最后给出四个平台给出的优惠活动，参与情人节破坏活动，也是剑走偏锋，反其道而行之。
3、体验：看到单身狗的过节选择，只做旁观，在引导转化方面效果不好，毕竟真的去这么做实在无聊。

案例十五

教你单手过七夕

1、内容：月亮高挂的城市夜色中，街道依然热闹，旅店，水果店的灯光亮着，打开地铁门，有一女的正在看手机，点击手机进入超级演唱会现场，可点击继续也可直接查看成绩，点击继续可继续在地铁选择入口，进入不同的房间通过查看手机看各种内容。采用软广告的方式达到宣传手机的目的，寓意情人节自己利用手机就可实现。

2、亮点：通过打开不同的地铁门点击乘客的手机能打开不同的精彩活动，有寻宝的感觉，乐视TV无处不在的品牌标示在生活场景中植入，有较好的宣传的作用。
3、体验：单手过七夕？玩手机也是需要两只手的。

案例十六

浪漫七夕，手绘爱情

1、内容： 海报形式为封面，一对男女亲吻，粉红色系为主色调，接着直截地当告知用户绘制情书的活动时间、规则以及丰厚的奖励。用户点击绘制情书进去后，填写好自己的姓名和联系方式，然后可选择不同的色彩进行情书的绘制，完成提交后可邀请朋友进行投票。
2、亮点：告知的信息简洁明了，画风唯美，色彩鲜艳斑斓，充满浪漫气息，点明主题；画布小巧精要，画笔用法简单。
3、体验：被浪漫的粉红气息感染，单身狗不好受呀，但还是细心地绘制了自己的想象中的情书，也想要拿到丰厚的施华洛世奇产品奖励。

案例十七

七言|我单方面宣布，我和你在一起了！

1、内容：七夕本来是才子佳人相约相聚的节日，在七夕这个日子送上温暖的文字，一点点流入观看者的内心，抚摸心里最柔软的地方，只是简单的图文切换，温暖的色调像是夏日暖阳一样。

2、亮点：图文的设计比较文艺清新，符合现下年轻人的口味。每张图片切换的时间控制得比较好，让人有点意犹未尽。

3、体验：简单的文字里有一种淡淡的忧郁，图文意境很好。

案例十八

活该单身！看完我就明白了......

1、内容：进入页面后根据自己的喜好和实际情况选择“牛郎”或者“织女”，不同的选择测试的题目也会不同，进入到测试的页面后开始答题，所有的题目在答题完毕后都会该题目的反馈内容，答完所有题目，最后会统计出结果。

2、亮点：背景色是七夕夜里的深蓝，开头就出现的牛郎织女图案清新好看，很有意境。

3、体验：就算是女生，也可以试试做男生选择的“牛郎”测试题目哦，没有硬性规定。

—END—

你可能需要

【送H5素材】如何借势freestyle做出刷屏级H5？

http://mp.weixin.qq.com/s/_HtP3MspwUAT3svKyzhMqA

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

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

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

微信公众号：199case