双十一双十二H5案例欣赏

国庆节一过，双十一还远吗？我们的H5策划师们又要开始着急着寻找灵感了吧，小编来给你安利两个经典H5案例吧。

案例一：最惨双十二

出品：蚂蚁金服

制作：蓝橙H5团队

玩法：动画+答题测试

1.内容策划上：

蚂蚁金服在双十二时制作的动画+答题测试H5，旨在推广宣传双十二活动，以折扣吸引用户转发。加载完成进入H5是一段简笔动画，听说今年双十二又是五折，小明在厕所十分紧张，口碑双十二超级狂欢活动就要开始了，距离下一场抢半价券还有30s，这时老板敲起了门，引出了下面的趣味答题测试内容。每一道题目都十分的诙谐有趣，用户回答完三道题目以后会显示通关，你抢到一份半价套餐，但是因为没人陪你吃，难过到主动留下来加班，用户可以“不满意重来”重新答题。

2.设计体验上：

H5作为双十二的宣传H5，设计上采用了动画+答题测试两部分，H5整体上采用了简笔画的风格，动画简单的阐明了双十二的抢购半价折扣券的活动，对于双十二的宣传效果很好。

3.适用场景上：

对于动画+答题测试这类型的H5，其实可以用于很多场景活动。比如“双十二”、“京东618”、“苏宁818”这种购物活动，也可以用于知识推广、比如“垃圾分类”,还有用于一些用户性格的测试。

案例二：双十一时光机

出品：天猫

1.内容策划上：

纵向长图滑动，先是一个双十一H5时光机页面，然后依次显示第一次网购时的物品信息，最贵的一次网购的信息，以前双十一都买了东西送给谁，参加了几次双十一一共花了多少钱，最后会根据双十一的购买记录得到一个称号。还有辗转的多个城市，最后会显示双十一继续相伴在路上。

2.设计上： 

采用暗色宇宙背景，浅色内容显示，对比十分明显，采用了漫画和动画风格，点击屏幕还有小小的爱心飞起，有种可爱的感觉，看起来很舒服。文字显示了以前历次双十一的信息，配以钢琴曲《陪着我的她》让人陷入回忆，原来双十一已经不知不觉陪我们这么长时间了，所以最后一页说故事没有结束，希望我们继续相伴在路上，不知不觉双十一已经成为了我们亲密的朋友。

3.交互上：

上下滑动可以更换页面，点击屏幕会有一颗小小的爱心向上飞，最后可以点击我要分享按钮可以将双十一时光机分享给别人。

4.体验上：

只能用手机打开，并且用浏览器等打开时还要输入用户信息，比较麻烦。建议用淘宝打开。

这两个双十一双十二H5案例非常具有特色，大家可以借鉴里面的元素，再融入进自己的想法，相信也能创作出很好的作品，为你的客户带来非一般的服务体验。如果还想继续观看其他H5案例，欢迎访问蓝橙互动官网。