企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

“双十一”之深度分析电商网站设计产品页布局

发布时间:2018-11-12 12:29:36   作者:曹责   来源:云智互联

TAGS:网站设计

今年的双十一阿里号称今年的一小时完成订单量是前年7小时完成的订单量,刨除社会级狂热的消费气候以及用户的需求,而各大平台的电商的网站、APP应用等等这些流量平台的终产品页是怎么设计的呢?他们都有那些值得小型电商企业或者自有品牌品牌借鉴的呢?云智互联是一家集网站设计网站开发的一家互联网公司,也接触了很多品牌企业他们需要展示的不外乎这几种:服务性产品、技术性产品、实体性产品;虽然没有大电商网站那样面面俱到但是作为企业来讲恰到好处的内容展示往往能够提高网站的转化率和品牌知名度。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997133651762.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

今天我们就拿淘宝、京东、小米、华为这四家的网站的终的产品内容页进行分析。通过这四家的典型的电商平台云智相信他们其中必有优秀的网页设计方式值得我们借鉴和学习。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

小米是一家综合性比较强的产品公司什么东西都有,我们来分析一下小米的产品内容页是怎么设计的,如下图:nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997186276385.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

小米的产品展示页面并没有像传统商城那样采用左侧缩略图右侧商品信息的形式,而是采用了大篇幅的产品渲染图一层层的通过各种色彩渲染来刺激用户视觉让用户产生视觉快感,有种慕名的购买欲望。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

纵观小米所有的产品页面设计都有自己的导航分别为:概述、参数、图集、F码通道、用户评价、立即购买。导航不复杂主要是感官刺激设计,其中图形两个,用户交互三个,数据一个。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

参数页面的设计延续了大图形式其实小米这一点做的比较好,吧视觉体验和立即购买分离开了,用户能够愉悦的轻松的体验小米的产品可见小米的用户体验做的还是比较不错的。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997277404843.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图集也是采用横向满屏的形式的展示的,并没有采用传统的相册手法,小米吧产品的好的一面展示给用户看了。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

而评论小米单独拿出来了,并没有什么其他信息的干扰,我觉得这一方面小米做的比较好也比较纯粹,虽然是平台自己的评论但是精心编制好的也是有利于提升用户体验的。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997315171689.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

吐槽一下购买页面双十一一直是预约,这个有点耍猴啊!nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

华为官方产品展示导航有功能特征、规格参数、服务支持。而立即购买需要跳转华为商城进行单独购买,不过这样的跳转对于用户体验有点打折扣,毕竟用户不喜欢跳来跳去的怪麻烦的。其中感官刺激页面设计一个,参数页面设计一个,单页设计一个从导航设计上来讲华为对于售后还是比较看重的。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

规格参数并没有交互数据从上到下依次排开,相信更多人相信华为的品质和华为的核心力量。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997391658269.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

服务支持大多数是关于产品的使用方法,这个小编觉得是个鸡肋的设计,与其弄这么多的说明文字还如如突出重点进行阐述这样对产品有更强的表现力。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997432440248.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

淘宝和天猫一脉相承当然作为大型的电商平台,作为行业网站设计的标杆,有别于前两个品牌网站淘宝天猫属于需求性平台用户的流量五花八门,但是终实际产生的单量的页面还是商品页面,淘宝天猫的商品页面就是一个很典型的电商展示T型页面。商品的成交取决因素很多比如好评、价格、商品详情的设计等等。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

京东作为国内第二的综合性电商平台也深度继承典型的电商展示T型页面设计。商品的成交取决因素很多比如好评、价格、商品详情的设计等等。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1541997493179561.jpgnc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

以上是国内比较典型的几大知名平台的商品展示页设计方式,当然各自的用户群体不一样需求也不一样,有的是打的组合有的完全执行用户体验各有千秋。云智互联总结了一下做作为参考和建议:nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现有的电商市场完全被垄断,想要另起炉灶是很难的,所以如果要做综合性的电商平台京东淘宝是值得参考的,单纯从网站设计的方面来讲页面设计的逻辑已经符合大部分消费的使用习惯和体验所以电商平台参考设计灭有问题的。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

自有品牌设计nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果要从互联网为起点进行品牌网站设计那么就需要拥有自己独特的VI体系和设计语言。互联网品牌天生没有实体所以软性的东西一定要到位,我们可以从小米华为身上学到一些比较独特的品牌设计语言。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

好以上是云智总结的四大平台网站商品展示页面设计特点,下一期讨论一下APP移动端的产品设计语言看看这几大平台如何在移动端市场进行互联网产品设计的。nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联


nc5北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7470,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号