双11H5案例合集 | 有人偷偷为你清空购物车

剁手秀

双11怎么脱颖而出？往下看

H5出品方：飞利浦

H5创意定位：

通过引导用户回答有关购物的测试题以此飞利浦宣传其圆梦计划

H5用户路径：

进入H5—开始测试—回答问题—生成海报—分享裂变

H5策划逻辑：

1.Laoding页面：以黄色为主要背景，显示品牌Logo和加载进入

2.内容部分：进入主题页后显示此次活动的宣传语“你的梦想被拖后腿了吗？”用户点击开始测试进入答题，共有四道选择题，每题有四个选项，所有测试题均和购物消费有关

3.海报页：最后可根据用户的测试匹配出对应的关键字，关键字下推广品牌产品。长按了保存图片，点击“拯救页面”进入活动详情页，点击“不扯后腿”，引导用户分享给好友，产生裂变传播

H5设计与体验：

“开始测试”以动态展示，视觉上吸引用户点击，漫画风格为主，黑白手绘方式，卡通字体搭配黄色背景图，再配以非常简单的测试题

案例欣赏

H5出品方：美的

H5创意定位：

美的冰箱在十一期间进行促销活动推广品牌产品，用户通过测试题形成自己的人设，用“新鲜人设”与美的品牌语“新鲜生活”相对应

H5用户路径：

进入H5—点击页面不断交互—答题测试——生成人设专属海报—进入品牌官网

H5策划逻辑：

1.Laoding页面：蓝色星空为背景，黄色的小卡通人物与进度条同时动态前进

2.内容部分：卡通人物行走在街道上，页面配以符合年轻人生活的文字，旋转进入时光隧道，手触进入后点击——新鲜时光机，选择性别后，用户乘坐飞船并不断进行答题测试。

3.海报页：根据用户测试回答匹配人设，生成专属海报，点击“遇见新鲜”引导用户进入品牌购物官网

H5设计与体验：

卡通人物穿越时光的方式，交互性极强。并利用近几年的流行语——人设，通过测试题的方式打造用户专属人设。

案例截屏欣赏

H5出品方：苏宁

H5创意定位：

以幻境的形式共同寻找神奇动物，随着视频互动到最后发现所有动物都去参加“苏宁魔法嘉年华”，引导用户共同参加

H5用户路径：

进入H5—观看视频—寻找动物—点击参与—参与活动/分享裂变

H5策划逻辑：

1.Laoding页面：以黄色为主要背景，显示品牌Logo和加载进入

2.内容部分：进入主题页后显示此次活动的宣传语“你的梦想被拖后腿了吗？”用户点击开始测试进入答题，共有四道选择题，每题有四个选项，所有测试题均和购物消费有关

3.海报页：最后可根据用户的测试匹配出对应的关键字，关键字下推广品牌产品。长按了保存图片，点击“拯救页面”进入活动详情页，点击“不扯后腿”，引导用户分享给好友，产生裂变传播

H5设计与体验：

“开始测试”以动态展示，视觉上吸引用户点击，漫画风格为主，黑白手绘方式，卡通字体搭配黄色背景图，再配以非常简单的测试题

案例截屏欣赏

出品方：优酷

创意定位：

以双十一被宠作为核心创意点，并利用抽取49999红包吸引用户下载优酷观看视频

用户路径：

进入H5—选择宠爱角色—模拟对话—生成专属海报—裂变分享

策划逻辑：

1. Laoding页面：简单的白色背景，随着百分比进度条进入H5页面

2.内容部分：以微信接受消息的形式展现双十一购物特点，选择角色谁来宠你进入模拟微信页面与其对话。

3.海报页：模拟的聊天截图作为最终的海报页面，长按保存，引导用户点击“分享神奇”给好友。

设计与体验：

模拟的微信对话页面中，红包，对话，表情包一应俱全，具有很强的场景代入感。节日期间会更加刺激用户产生分享欲望，优酷视频49999的红包也会促使用户点击和分享。

案例截屏欣赏

H5创意定位：

以幻境的形式共同寻找神奇动物，随着视频互动到最后发现所有动物都去参加“苏宁魔法嘉年华”，引导用户共同参加

H5用户路径：

进入H5—观看视频—寻找动物—点击参与—参与活动/分享裂变

H5策划逻辑：

1.Laoding页面：以黄色为主要背景，显示品牌Logo和加载进入

2.内容部分：进入主题页后显示此次活动的宣传语“你的梦想被拖后腿了吗？”用户点击开始测试进入答题，共有四道选择题，每题有四个选项，所有测试题均和购物消费有关

3.海报页：最后可根据用户的测试匹配出对应的关键字，关键字下推广品牌产品。长按了保存图片，点击“拯救页面”进入活动详情页，点击“不扯后腿”，引导用户分享给好友，产生裂变传播

H5设计与体验：

“开始测试”以动态展示，视觉上吸引用户点击，漫画风格为主，黑白手绘方式，卡通字体搭配黄色背景图，再配以非常简单的测试题

案例截屏欣赏

END-