電商 H5 合集：以馬云爸爸為首的天團來碾壓大家的智商了！
現在才出電商H5合集也是不得已，由于電商行業的特殊性，不少H5過了活動期就會下線（攤手臉.jpg)
下面10個電商案例，以馬云爸爸為首的天團要來碾壓大家的智商了，大家做好前方高能的準備呵！
原標題：《『電商H5』以馬云爸爸為首的天團來碾壓大家的智商了！》
數英網用戶原創文章，轉載請聯系本人
電商 x 創意H5 x 互動營銷
電商類優秀H5 1
淘寶：淘寶造物節邀請函
點擊查看案例：http://www.sh-jinniu.com/projects/18008.html
小編有話說：最近小編被這個刷屏了！策劃上，淘寶繼雙11、雙12后，又造全新概念“造物節”，分為“造未來”“造音造藝”“造原力”三個主題，在最后還附有“購票密令”和“發送我的邀請函”，內容上極盡豐富。交互上，讓人眼前一亮，利用手機重力感應+360全景+動畫技術，用戶轉動手機就能查看全景，全景圖的提示文字清晰顯眼，成功引導用戶點擊行為。而且在圖片的采用上，選用base64格式，而不是使用普通的jpg/png24/png8/gif，提升了整體的加載速度和用戶體驗。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 2
京東：正好玩樂園
點擊查看案例：http://www.sh-jinniu.com/projects/18000.html
小編有話說：現在直接送優惠券的玩法太Low了，沒有點梗怎么吸引人？京東的H5，模仿的是小時候游戲機，像素風格，刮起濃濃懷舊風，而且主色調采用京東的紅色，藍色作為輔色調，讓玩家在游戲時就將京東的形象在腦海中不斷加深。交互上主要采用左右滑動、點擊和拖動放下的形式，左右滑動可查看游戲全景、點擊建筑可得品類優惠券、拖動快遞小哥回家可得到抽獎機會。在抽獎界面，還設置了排行榜，好貼心的說！
掃描二維碼，立即游玩！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 3
淘寶：30秒告訴你淘寶有多萬能
點擊查看案例：http://www.sh-jinniu.com/projects/13373.html
小編有話說：其實主題上算不上新穎，屬于年終盤點類，但擋不住視覺上做的酷炫啊，分分鐘甩開其他盤點類H5好幾條大街。視覺上，采用淘寶LOGO的橘色為主色調，識別度高，技術上，剛開始的首頁底部有向下的箭頭，最初還以為是個滑動模版，結果圖樣圖森破，原來淘寶的大牛們采用了滾動視差插件skrollr，隨著屏幕的滑動，動態改變元素樣式，達到炫酷效果，這種效果放到現在也可不加代碼，用關聯動畫，即畫布是主關聯，元素是被關聯，也可以實現。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 4
一號店：猜猜他在吃什么
點擊查看案例：http://www.sh-jinniu.com/projects/17529.html
小編有話說：這是一號店為今年517吃貨節做的促銷H5，策劃上屬于答題測試類：觀看一個女性吃東西的嘴型，判斷她吃了什么，然后根據玩家的答對率，給出吃貨等級反饋，最后引出抽獎活動和推薦領取優惠券，整體作品完整度較高。文案上很出色，題目內容結合了牛奶、口香糖、堅果等品類的合作品牌信息，提交答案后，還非常“一本正經”的給出了答案解析，不管你答沒答對，都覺得他說的好有道理！另外用GIF演繹題目，比文字更直觀，讓玩家參與門檻更低，更有積極性，但圖片的處理上有待優化，盡管在30兆WIFI網速下，仍打開較慢。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 5
京東超市：1塊1的穿越夢
點擊查看案例：http://www.sh-jinniu.com/projects/18882.html
小編有話說：你用手機看過小電影嗎？別想歪了，我說的真的是小電影，用H5做的那種。如今以故事性展現的H5受歡迎程度越來越高，只要故事說的夠走心，大家足夠有共鳴，不怕不傳播。這個案例就是以動畫的形式展現1塊1購買力的變遷，復古的畫面配合樸實的配音，讓人感覺穿越似的，重溫當時的場景，在整個H5結束之時，左邊演出花絮右邊演員名單，可見用心。交互上，簡單引導程度高，橫屏之下，用縱向的滑屏切換，娓娓道來每一個場景下的故事。
掃描二維碼，立即穿越！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 6
亞馬遜：讓你的眼睛愛上閱讀
小編有話說：一直很喜歡Kindle的廣告，尤其是文案，簡直讓嗜“讀”成癮的人愛不釋手，一讀再讀。這個H5宣傳的是Kindle全線閱讀器，采用淺藍色為主色調，符合Kindle一直給人的印象—不奢華，有內涵，內容上以多屏圖文展現了Kindle的主打賣點：電子墨水屏、輕薄機身、內置智能調節燈、電量持久，交互上簡單易操作，通過觀者滑動屏幕下方的觸摸條來體驗產品，包括360展現產品外觀、模擬圖書翻頁、切換日夜場景。整體觀看下來，體驗非常好，著重動畫的表現，許多場景都是用照片的顯隱方式做的，看出團隊的用心。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 7
拍拍：拷問拍拍618機密
點擊查看案例：http://www.sh-jinniu.com/projects/14751.html
小編有話說：這個H5簡直就是發泄游戲的翻版，戳他抽他你隨意，還有凄慘的叫聲配合，特別適合壓力大的時候玩！回歸正題，策劃上還是很有新意的，所謂無奸不商，創意立足于幫顧客們找到便宜好貨，用戳或抽的方式審問內部員工說出618秘密，即拍拍網618的各種優惠，將大促信息與小游戲巧妙結合，很有新意，在游戲最后還有“整理口供”的按鈕，為玩家整理出618大促產品信息，完成從游戲互動到引導購買的全過程，體驗優良。交互上也做的很出彩，手指戳和手指抽，亦或是手指點擊不同位置，小人都會有不同的反應。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 8
京東超市：《梁祝后傳》為嘛變成蝶
小編有話說：這個H5腦洞開的好大，小編差點跟不上，故事性環環緊扣，刨根問底梁祝為嘛變成蝶，祝英臺主導每次變身都撲街，變帶魚、變王八、變鴕鳥，最后梁山伯一聲令“我美我先變，你美你跟上”，隨之兩人化蝶成功，雙宿雙飛，引出京東超市“美麗蝴蝶節”活動，H5最后還有一個蝴蝶消除游戲，增加了整體的互動性，讓觀者由看到玩，加深對京東蝴蝶節的印象。但，這是H5雖然畫質精良，動畫也不錯，就是時間太長了，故事也有些冗余，能看到最后的，都是真愛啊！
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 9
淘寶：淘寶造物節
點擊查看案例：http://www.sh-jinniu.com/projects/17963.html
小編有話說：最近淘寶的H5逼格一個比一個高，雙屏互動玩過，三屏互動聽說過沒？還是視頻的哦！開場就相當吸精，3D旋轉的酷炫效果引入到視頻選擇，三段視頻“造未來”、“造音造藝”、“造原力”可自由選擇一個，也能點擊屏幕上部的“開始造”用二維碼的方式邀請身邊的小伙伴一起看，成功邀請，還有機會享受三分之一的價格購買活動商品，當三部手機同時播放視頻，不可思議的事情發生了，視覺感超強，只有看過的人才知道！三屏互動時候，還有“搶他們手機啊”等的逗逼文字出現，吸引人不斷看下去，整個視頻的體驗非常棒，沒有絲毫卡頓。
掃描二維碼立即開始造，你就是造物者！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
電商類優秀H5 10
茵曼：逛茵曼是怎樣的一種體驗
小編有話說：自從杜蕾斯的美術館火了以后，虛擬全景的H5應用越來越多了，但要結合的好才能出彩。這個H5是茵曼為雙11打造的，設計上采用了手繪漫畫風，和茵曼自身的定位“棉麻藝術家”很符合，場景上模仿購物全景展現，將休息區、咖啡區、書吧、試衣間依次展現，符合人們的基本購物體驗，點擊購物區商品旁的“+”圖標，還可查看商品詳情，價格旁邊的“購物車”按鈕點擊后會將所選中的商品房屋購物車，左上角會顯示當前合計價和結算按鈕，這種邊看邊買的體驗在H5是非常好的，能一定程度下提升轉換率，值得電商領域的朋友借鑒。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
公眾號：拇指部落（微信ID：muzhibuluo）
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（2條）