这三支H5，让滴滴出行、杜蕾斯和宝马都尖叫了？

原创赞收藏评论

举报 2017-09-30

扫描,分享朋友圈

国庆中秋来临前，邦哥再给大家来一波福利，主要是三个H5案例，甲方分别是滴滴出行、杜蕾斯和华晨宝马之诺。

滴滴出行-心中再无陌生之路

为配合滴滴出行在十一期间一系列的宣传推广活动，本邦科技和优力互动联合打造了这支创意H5，主要用于辅助滴滴出行在北京、深圳、杭州、成都、西安五大城市的线下活动。

创意策划上，H5前半部分的展现上采用了帧动画+交互的形式，后半部分实现了比较复杂的逻辑，不同模块分享出去的图对应不同的分享文案。同时，后台的数据库会存储每一张图片以及图片的点赞数，只要H5不下线，就一直会有人关注你的故事。

这支H5的实现，本邦主要参与了前期的创意，设计，以及后期的全程开发，本邦科技团队连夜加班，开发仅仅用了1天半时间。

H5上线后引来了极大的反响。深度的洞察创意，对于每一个人，它更像一本回忆录。包括：最新奇的，最励志的，最温情的，最痛苦的，最骄傲的，最甜蜜的，最后悔的，都被这支H5的“路”表现得淋漓尽致。

杜蕾斯仙女棒

这是一支为杜蕾斯打造的创意H5，目的是帮助杜蕾斯完成线上+线下销售闭环的打造。杜蕾斯结合女性用品推出《晒晒我的“仙女棒”》线下活动，这支H5充分利用了QQ浏览器的用户优势，让用户在体验的过程中实现引流和转化，同时增加了线下活动的趣味性。

H5的创意点在于宣扬：解放女性天性。让用户产生共鸣的同时，达到销售转化目的。

在H5实现中，本邦和QQ浏览器共同开发出这个H5，利用了QQ浏览器自带的AR识别功能，实现H5中扫一扫吊起彩蛋的效果，具体的技术对接实现都有本邦团队完成。

技术要点包括：静态资源cdn加速、视频兼容处理、页面滑动处理等。

获得效果：借助QQ浏览器的自身庞大流量，H5取得了良好的传播效果。为杜蕾斯带来大量销售订单的同时，也提升了其品牌影响力。

你的脑洞有多大？

这是本邦团队和智立方为宝马之诺H60新款上市打造一支H5。创意上采用了脑洞大开的小游戏形式，不管从问题的设置还是答案的设置，都足以引起用户的好奇心，游戏的同时，强化了宝马之诺H60新款的产品卖点，也使用户在潜移默化当中记住了宝马之诺。

本邦团队主要负责这支H5的开发，技术用到了重力感应，手机罗盘监测，拖拽效果，表单提交，css3动画等。

本邦科技简介：

本邦科技是一家定位于技术驱动营销，达到有效触及与转化的技术型营销服务公司。提供“技术驱动”的互联网营销、传播服务，打造集策略、创意、技术三位一体的综合服务体系。解决企业在营销推广运营中，从消费者洞察到创意表现，从产品市场定位到用户关系管理等全方位的互联网营销手段迭代升级的问题，并应用大数据、云计算和人工智能技术推出相关产品与技术应用层结合的解决方案，为企业创造更大的市场价值和用户价值。

公司业务涵盖互联网营销解决方案和人工智能内核的营销（产品）解决方案两个方向，并在企业互联网营销策略咨询，互联网、大数据、云计算及人工智能产品应用开发，营销创意展现规划实施等方面提供产品和服务。目前是百度云计算和人工智能方向的ISV战略合作伙伴。