H5案例|一上班就想飛,其實你是...
一、一上班就想飛,其實你是...
創意定位,利用測試答題的形式,結合唯美創意動畫視頻,讓用戶在交互過程中,參與互動,引起共鳴,最后引導參與百雀羚在618期間的活動。策劃上,測試答題+精妙動畫視頻+生成海報。用唯美的視頻動畫,引入故事場景;答題部分,用戶點擊答題,觸發視頻動畫進一步展開,4道題,極其絢麗;最后,讓用戶輸入一個名字,生成一張與用戶相關的結果圖,并且帶回流二維碼。海報頁,有分享和參與京東618活動入口。設計上,畫面根據劇情,從喧囂城市無趣的黑白灰,轉入遠離城市,動畫采用實物+倒影的形式,很絢麗,好看。過程中,有多次露出百雀羚的品牌、產品。體驗上,感覺4道題有點少,意猶未盡。
二、比天氣更熱的是?
策劃上,顯示活動的時間等信息,頁面下方有一個“趁熱重演”按鈕,引導用戶再次觀看體驗。設計上,真人視頻,真實感很強,搭配帶感的音樂,用戶體驗良好;三個主角切換后的畫面風格統一,沒有違和感。體驗上,視頻處理是這個H5 最大的亮點,三個視頻的切換流暢自然,表現當下年輕人的崇尚的“趁熱·造熱”活法,體驗不一樣的風格,走出去,釋放自己的青春與活力,帶給用戶動感與活力。
三、足球巨星揭秘
策劃上,三個球星,亨利、克雷斯波和卡洛斯分別對應三個不同的小故事,視頻風格各異,但最后都以戲謔的方式轉回到宣傳的足球手游上。技術上,該案例交互很少,結構簡單,使用 jQuery 實現交互細節。體驗上,打開視頻的第一感覺就是畫面十分精致,光效,鏡頭都十分精美。故事的行進過程中也埋了很多對應人物的梗,讓人在看過一遍之后還想會看的沖動。
秒度科技
新聞中心
2018-06-26
視頻類H5一般采用 jQuery + Video技術進行編程,今天我們推薦的三個案例同樣來自這三種做法,更多精彩案例關注無非創意:wufaecy 一、一上班就想飛,其實你是... 創意定位,利用測試答