淘宝双十二H5案例欣赏

淘宝作为我们中国电商巨头，其营销活动也是大家学习借鉴来源。今天我们就来欣赏两个淘宝双十二H5案例，看看它往年都是怎样做的双十二营销活动，好让我们也在今年双十二有一个可观的利润收入。

案例一、FM1212淘宝亲亲调频

出品：淘宝网 & 蜻蜓FM

1、创意背景

以买家或卖家，甚至商品的口吻，叙述买卖双方的“亲亲合力”故事，并做成了模拟电台的形式，为双十二做市场预热。

2、内容策划

loading完毕，由一个炫酷的动画效果引出“亲亲合力”主题，接着进入模拟FM调频电台。电台可以左右滑动屏幕，或点击屏幕下方的左右按钮来“调频”，上下滑动屏幕可以查看故事梗概。左右滑动到两个故事中间时，会有收音机噪声，直到画面完整，故事才会开讲。一共有12个故事。

3、设计体验上

画面色彩丰富，随着画面变化，背景色也会渐变过度。12个不同的故事，不同的动画，虽然是循环播放，但背景故事是实打实的几分钟的真故事，讲述风格或逗比搞笑，或温暖人心，总之都很有意思。可能是音频文件太多，小编使着画面略有卡顿，但音频播放很流畅。如果不考虑这些，好看的画面，有趣的故事，用心的制作，足以打动并留住用户。S.其中还有能涨姿势的故事亲们发现了咩？

案例二、1212淘宝亲亲节

出品：taobao.com 淘宝网

1、创意背景

双12来临之际，淘宝做的H5营销，通过炫酷的画面效果和丰富的主题内容，为市场做预热，让大家提前走进“双12”。

2、内容策划

进入页面，镜头从远慢慢拉近，当以为又是一个一镜到底的H5案例时，画面到了一个螺旋形的“转转城”（小五词穷不知道该起个什么名字好），总之看起来就像盘山公路一样，左右滑动屏幕，转转城开始转动，画面整体也会随着上升或下降。从12月一日开始，每天都有不同的主题和内容，用户可以点开查看，最后到12月12日，画面到达转转城顶部，点击上方的Logo可以查看转转城整体外貌。

3、设计体验上

画面色彩和内容都非常丰富。从第一天开始转，经过12天才能到达顶部，每一天都有不同背景色调，不同的主题和内容也会相继出现。画面的远近表现很到位，3D立体感很赞，配合活力十足的背景音乐，整体效果非常炫酷。炫酷的画面并没有带来卡顿，操作起来很流畅，同时动画细节表现也很棒，看得出来从策划到设计到制作都很用心。

欣赏完这两个案例，我们可以看到淘宝作为大企业的豪气，他们的H5页面也是做的非常精致，且功能齐全。如果我们小商家想要利用H5页面来做双十二营销活动的话，可以找我们蓝橙互动为你定制H5页面，从而降低开发成本。