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