這三支H5，讓滴滴出行、杜蕾斯和寶馬都尖叫了？

原創(chuàng) 贊收藏評論

舉報 2017-09-30

掃描,分享朋友圈

國慶中秋來臨前，邦哥再給大家來一波福利，主要是三個H5案例，甲方分別是滴滴出行、杜蕾斯和華晨寶馬之諾。

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

為配合滴滴出行在十一期間一系列的宣傳推廣活動，本邦科技和優(yōu)力互動聯(lián)合打造了這支創(chuàng)意H5，主要用于輔助滴滴出行在北京、深圳、杭州、成都、西安五大城市的線下活動。

創(chuàng)意策劃上，H5前半部分的展現(xiàn)上采用了幀動畫+交互的形式，后半部分實現(xiàn)了比較復雜的邏輯，不同模塊分享出去的圖對應不同的分享文案。同時，后臺的數(shù)據(jù)庫會存儲每一張圖片以及圖片的點贊數(shù)，只要H5不下線，就一直會有人關注你的故事。

這支H5的實現(xiàn)，本邦主要參與了前期的創(chuàng)意，設計，以及后期的全程開發(fā)，本邦科技團隊連夜加班，開發(fā)僅僅用了1天半時間。

H5上線后引來了極大的反響。深度的洞察創(chuàng)意，對于每一個人，它更像一本回憶錄。包括：最新奇的，最勵志的，最溫情的，最痛苦的，最驕傲的，最甜蜜的，最后悔的，都被這支H5的“路”表現(xiàn)得淋漓盡致。

杜蕾斯仙女棒

這是一支為杜蕾斯打造的創(chuàng)意H5，目的是幫助杜蕾斯完成線上+線下銷售閉環(huán)的打造。杜蕾斯結合女性用品推出《曬曬我的“仙女棒”》線下活動，這支H5充分利用了QQ瀏覽器的用戶優(yōu)勢，讓用戶在體驗的過程中實現(xiàn)引流和轉(zhuǎn)化，同時增加了線下活動的趣味性。

H5的創(chuàng)意點在于宣揚：解放女性天性。讓用戶產(chǎn)生共鳴的同時，達到銷售轉(zhuǎn)化目的。

在H5實現(xiàn)中，本邦和QQ瀏覽器共同開發(fā)出這個H5，利用了QQ瀏覽器自帶的AR識別功能，實現(xiàn)H5中掃一掃吊起彩蛋的效果，具體的技術對接實現(xiàn)都有本邦團隊完成。

技術要點包括：靜態(tài)資源cdn加速、視頻兼容處理、頁面滑動處理等。

獲得效果：借助QQ瀏覽器的自身龐大流量，H5取得了良好的傳播效果。為杜蕾斯帶來大量銷售訂單的同時，也提升了其品牌影響力。

你的腦洞有多大？

這是本邦團隊和智立方為寶馬之諾H60新款上市打造一支H5。創(chuàng)意上采用了腦洞大開的小游戲形式，不管從問題的設置還是答案的設置，都足以引起用戶的好奇心，游戲的同時，強化了寶馬之諾H60新款的產(chǎn)品賣點，也使用戶在潛移默化當中記住了寶馬之諾。

本邦團隊主要負責這支H5的開發(fā)，技術用到了重力感應，手機羅盤監(jiān)測，拖拽效果，表單提交，css3動畫等。

本邦科技簡介：

本邦科技是一家定位于技術驅(qū)動營銷，達到有效觸及與轉(zhuǎn)化的技術型營銷服務公司。提供“技術驅(qū)動”的互聯(lián)網(wǎng)營銷、傳播服務，打造集策略、創(chuàng)意、技術三位一體的綜合服務體系。解決企業(yè)在營銷推廣運營中，從消費者洞察到創(chuàng)意表現(xiàn)，從產(chǎn)品市場定位到用戶關系管理等全方位的互聯(lián)網(wǎng)營銷手段迭代升級的問題，并應用大數(shù)據(jù)、云計算和人工智能技術推出相關產(chǎn)品與技術應用層結合的解決方案，為企業(yè)創(chuàng)造更大的市場價值和用戶價值。

公司業(yè)務涵蓋互聯(lián)網(wǎng)營銷解決方案和人工智能內(nèi)核的營銷（產(chǎn)品）解決方案兩個方向，并在企業(yè)互聯(lián)網(wǎng)營銷策略咨詢，互聯(lián)網(wǎng)、大數(shù)據(jù)、云計算及人工智能產(chǎn)品應用開發(fā)，營銷創(chuàng)意展現(xiàn)規(guī)劃實施等方面提供產(chǎn)品和服務。目前是百度云計算和人工智能方向的ISV戰(zhàn)略合作伙伴。