电商 H5 合集：以马云爸爸为首的天团来碾压大家的智商了！
现在才出电商H5合集也是不得已，由于电商行业的特殊性，不少H5过了活动期就会下线（摊手脸.jpg)
下面10个电商案例，以马云爸爸为首的天团要来碾压大家的智商了，大家做好前方高能的准备呵！
原标题：《『电商H5』以马云爸爸为首的天团来碾压大家的智商了！》
数英网用户原创文章，转载请联系本人
电商 x 创意H5 x 互动营销
电商类优秀H5 1
淘宝：淘宝造物节邀请函
点击查看案例：http://www.digitaling.com/projects/18008.html
小编有话说：最近小编被这个刷屏了！策划上，淘宝继双11、双12后，又造全新概念“造物节”，分为“造未来”“造音造艺”“造原力”三个主题，在最后还附有“购票密令”和“发送我的邀请函”，内容上极尽丰富。交互上，让人眼前一亮，利用手机重力感应+360全景+动画技术，用户转动手机就能查看全景，全景图的提示文字清晰显眼，成功引导用户点击行为。而且在图片的采用上，选用base64格式，而不是使用普通的jpg/png24/png8/gif，提升了整体的加载速度和用户体验。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 2
京东：正好玩乐园
点击查看案例：http://www.digitaling.com/projects/18000.html
小编有话说：现在直接送优惠券的玩法太Low了，没有点梗怎么吸引人？京东的H5，模仿的是小时候游戏机，像素风格，刮起浓浓怀旧风，而且主色调采用京东的红色，蓝色作为辅色调，让玩家在游戏时就将京东的形象在脑海中不断加深。交互上主要采用左右滑动、点击和拖动放下的形式，左右滑动可查看游戏全景、点击建筑可得品类优惠券、拖动快递小哥回家可得到抽奖机会。在抽奖界面，还设置了排行榜，好贴心的说！
扫描二维码，立即游玩！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 3
淘宝：30秒告诉你淘宝有多万能
点击查看案例：http://www.digitaling.com/projects/13373.html
小编有话说：其实主题上算不上新颖，属于年终盘点类，但挡不住视觉上做的酷炫啊，分分钟甩开其他盘点类H5好几条大街。视觉上，采用淘宝LOGO的橘色为主色调，识别度高，技术上，刚开始的首页底部有向下的箭头，最初还以为是个滑动模版，结果图样图森破，原来淘宝的大牛们采用了滚动视差插件skrollr，随着屏幕的滑动，动态改变元素样式，达到炫酷效果，这种效果放到现在也可不加代码，用关联动画，即画布是主关联，元素是被关联，也可以实现。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 4
一号店：猜猜他在吃什么
点击查看案例：http://www.digitaling.com/projects/17529.html
小编有话说：这是一号店为今年517吃货节做的促销H5，策划上属于答题测试类：观看一个女性吃东西的嘴型，判断她吃了什么，然后根据玩家的答对率，给出吃货等级反馈，最后引出抽奖活动和推荐领取优惠券，整体作品完整度较高。文案上很出色，题目内容结合了牛奶、口香糖、坚果等品类的合作品牌信息，提交答案后，还非常“一本正经”的给出了答案解析，不管你答没答对，都觉得他说的好有道理！另外用GIF演绎题目，比文字更直观，让玩家参与门槛更低，更有积极性，但图片的处理上有待优化，尽管在30兆WIFI网速下，仍打开较慢。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 5
京东超市：1块1的穿越梦
点击查看案例：http://www.digitaling.com/projects/18882.html
小编有话说：你用手机看过小电影吗？别想歪了，我说的真的是小电影，用H5做的那种。如今以故事性展现的H5受欢迎程度越来越高，只要故事说的够走心，大家足够有共鸣，不怕不传播。这个案例就是以动画的形式展现1块1购买力的变迁，复古的画面配合朴实的配音，让人感觉穿越似的，重温当时的场景，在整个H5结束之时，左边演出花絮右边演员名单，可见用心。交互上，简单引导程度高，横屏之下，用纵向的滑屏切换，娓娓道来每一个场景下的故事。
扫描二维码，立即穿越！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 6
亚马逊：让你的眼睛爱上阅读
小编有话说：一直很喜欢Kindle的广告，尤其是文案，简直让嗜“读”成瘾的人爱不释手，一读再读。这个H5宣传的是Kindle全线阅读器，采用浅蓝色为主色调，符合Kindle一直给人的印象—不奢华，有内涵，内容上以多屏图文展现了Kindle的主打卖点：电子墨水屏、轻薄机身、内置智能调节灯、电量持久，交互上简单易操作，通过观者滑动屏幕下方的触摸条来体验产品，包括360展现产品外观、模拟图书翻页、切换日夜场景。整体观看下来，体验非常好，着重动画的表现，许多场景都是用照片的显隐方式做的，看出团队的用心。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 7
拍拍：拷问拍拍618机密
点击查看案例：http://www.digitaling.com/projects/14751.html
小编有话说：这个H5简直就是发泄游戏的翻版，戳他抽他你随意，还有凄惨的叫声配合，特别适合压力大的时候玩！回归正题，策划上还是很有新意的，所谓无奸不商，创意立足于帮顾客们找到便宜好货，用戳或抽的方式审问内部员工说出618秘密，即拍拍网618的各种优惠，将大促信息与小游戏巧妙结合，很有新意，在游戏最后还有“整理口供”的按钮，为玩家整理出618大促产品信息，完成从游戏互动到引导购买的全过程，体验优良。交互上也做的很出彩，手指戳和手指抽，亦或是手指点击不同位置，小人都会有不同的反应。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 8
京东超市：《梁祝后传》为嘛变成蝶
小编有话说：这个H5脑洞开的好大，小编差点跟不上，故事性环环紧扣，刨根问底梁祝为嘛变成蝶，祝英台主导每次变身都扑街，变带鱼、变王八、变鸵鸟，最后梁山伯一声令“我美我先变，你美你跟上”，随之两人化蝶成功，双宿双飞，引出京东超市“美丽蝴蝶节”活动，H5最后还有一个蝴蝶消除游戏，增加了整体的互动性，让观者由看到玩，加深对京东蝴蝶节的印象。但，这是H5虽然画质精良，动画也不错，就是时间太长了，故事也有些冗余，能看到最后的，都是真爱啊！
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 9
淘宝：淘宝造物节
点击查看案例：http://www.digitaling.com/projects/17963.html
小编有话说：最近淘宝的H5逼格一个比一个高，双屏互动玩过，三屏互动听说过没？还是视频的哦！开场就相当吸精，3D旋转的酷炫效果引入到视频选择，三段视频“造未来”、“造音造艺”、“造原力”可自由选择一个，也能点击屏幕上部的“开始造”用二维码的方式邀请身边的小伙伴一起看，成功邀请，还有机会享受三分之一的价格购买活动商品，当三部手机同时播放视频，不可思议的事情发生了，视觉感超强，只有看过的人才知道！三屏互动时候，还有“抢他们手机啊”等的逗逼文字出现，吸引人不断看下去，整个视频的体验非常棒，没有丝毫卡顿。
扫描二维码立即开始造，你就是造物者！
（数英网 App 用户需点击放大二维码后，长按识别）
电商类优秀H5 10
茵曼：逛茵曼是怎样的一种体验
小编有话说：自从杜蕾斯的美术馆火了以后，虚拟全景的H5应用越来越多了，但要结合的好才能出彩。这个H5是茵曼为双11打造的，设计上采用了手绘漫画风，和茵曼自身的定位“棉麻艺术家”很符合，场景上模仿购物全景展现，将休息区、咖啡区、书吧、试衣间依次展现，符合人们的基本购物体验，点击购物区商品旁的“+”图标，还可查看商品详情，价格旁边的“购物车”按钮点击后会将所选中的商品房屋购物车，左上角会显示当前合计价和结算按钮，这种边看边买的体验在H5是非常好的，能一定程度下提升转换率，值得电商领域的朋友借鉴。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
公众号：拇指部落（微信ID：muzhibuluo）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（2条）