所有的营销推广都离不开创意，只有拥有好的创意才能吸引用户点击、转发；今天蓝橙互动小编给大家分享两款创意非凡的h5案例，大家有兴趣可以扫码体验。

案例一：这是一片有故事的土地

出品：腾讯公益&凯迪拉克

创意定位，腾讯公益联合凯迪拉克推出的公益类H5,旨在助力额济纳胡杨林绿化建设。

策划上，开头讲述了额济纳胡杨林的历史变迁，从白垩纪到2018年分七个时期，分别为七个自动切换的小动画。步骤：①主题页，提示用户滑动开始探索；②自动播放的七段小动画，讲述了该地区辉煌的历史，如汉朝的丝绸之路途径地、1958年的航空发射地等等，而在2018年被黄沙侵蚀；③用户根据提示，按下按钮向麦克风吹气，吹开黄沙，浮现绿色生机的场景。并生成助力“小胡杨计划”的专属图片。长按可保存，点击向下按钮可跳转至爱心捐款页面。

设计上，单色颗粒感手绘漫画风，黄沙色具有岁月感，也含现在沙漠化的土地之意。

体验上，动画播放体验流畅，配合西域风的背景音乐很有历史感，让被黄沙侵蚀的土地重现生机，需要你的助力！交互方式用“吹一吹”还是很有新意的。

案例二：请让我照顾你

出品：京东超市

技术实现： jQuery+Tweenmax

亮点：

创意定位，京东超市周年庆，从一名职场女性的视角，讲述一个女性拼搏的温情故事。场景切换中，配合口播文案，露出品牌价值主张：再忙，也要照顾好自己，请让京东超市照顾你。

策划上，大致分为三个部分：① 故事带入，一个女生完成了所有日程计划的事情，累趴在电脑前；用户按引导向左滑动后，进入场景故事；② 从早起出门的洗漱打扮，到上班途中的地铁拥挤，再到工作场景的忙忙碌碌，直接加班到很晚才想起吃一口零食，再到晚上回到家仍然加班努力工作。末屏呼应开屏的故事带入，证明这是一个周而复始的过程；③ 忙完收到一条微信消息，用户第二次交互，点击打开信封后，露出活动主题“京东超市周年庆 请让我照顾你”。页面底部有分享和跳转至京东超市的链接。

设计上，手绘漫画风格，用动漫的形式讲述女主从早晨、路上、工作及晚上的忙碌状态，画面唯美，娓娓道来。

体验上，用温情故事来打动那些拼在一线的职业女性，很能引发共鸣，这就是很多职场女性每天的节奏和工作状态。如果京东超市有一定的实惠给到用户，超出用户预期，效果可能会更好。

想要获取更多h5案例分享欢迎访问我们网站蓝橙互动，当然如果你想要开发一款h5用于品牌宣传也可以联系我们，我们有专业的开发h5团队，价格实惠、质量保证，一定能给你完美的开发体验。