B2BB2CC2C的网站设计有何不同?

本文将电子商务网站分为C2C、B2B和B2C三类,并选取淘宝网、阿里巴巴、天猫这三个有代表性并且属于同一家网络公司同时运营的网站进行分析。

电子商务网站就是企业、机构或者个人在互联网上建立的一个站点,是企业、机构或者个人开展电商的基础设施和信息平台,是实施电商的交互窗口,是从事电商的一种手段。

其分类方式有多种:

而本实验报告主要根据买家和卖家的类别将电子商务网站分为C2C、B2B和B2C,并选取淘宝网、阿里巴巴、天猫这三个有代表性并且属于同一家网络公司同时运营的网站进行分析。

淘宝网淘是亚太地区较大的网络零售、商圈,由阿里巴巴集团在2003年5月创立,中国深受欢迎的网购零售平台。拥有近5亿的注册用户数,每天有超过6000万的固定访客,同时每天的在线商品数已经超过了8亿件,平均每分钟售出4.8万件商品。

在淘宝网上,个人可以开店铺将自己的商品放在平台中进行售卖,普通用户可以在淘宝网中找寻到心仪的商品,是一个典型的C2C平台。

马云于1999年创办了阿里巴巴网站,阿里巴巴网站又名1688,现为阿里集团的旗舰业务,是中国领先的小企业国内贸易电子商务平台。

作为阿里集团旗下子公司,1688在CBBS电子商务体系中代表企业的利益,为全球数千万的买家和供应商提供商机信息和便捷安全的在线交易,也是商人们以商会友、真实互动的社区。

“天猫”(英文:Tmall,亦称淘宝商城、天猫商城),是一个综合性购物网站。天猫和淘宝其实都是阿里巴巴旗下的电商平台,两者之间是也算是互通的,在淘宝上是可以买天猫商家的产品的。

两者之间最大的差别也集中在商家之间,在淘宝大部分商家都是个人的商铺,就像街头的小店一样,有的甚至没有店面,普通大众都可以注册成为淘宝卖家,审核门槛相对更低,集中了各种各样的卖家。

而天猫的入驻资格比较严格,入驻类型只能是企业,而非个人,没有注册公司的店铺是不可能在天猫中开店铺的。

另外,入驻天猫商城需要缴纳一定数量的保证金,除了需要提交注册费用外,天猫商城的店家每年还需要向天猫缴纳一定的服务费用。

三个网站的主页样式比较类似,最上栏是一些快捷键如个人中心、收藏夹等,向下是搜索框。

淘宝首页:

阿里巴巴首页:

天猫首页:

再往下拉,这三个电子商务网站首页的布局就有了较大的区别:

淘宝和阿里巴巴网站页面的主色调是橙色,天猫网站页面的主色调是红色,页面设计风格是比较类似的,采用模块式布局,主题和栏目导航突出,页面中图片比例非常高,但是从简洁度来讲天猫的页面更为简洁。

淘宝网站分类目录:

阿里巴巴网站分类目录:

天猫网站分类目录:

淘宝网站商品内容页:可以看到淘宝的内容页突出的是图片和价格这些基本信息,对于店铺信息主要给出它的等级信誉等内容。

阿里巴巴网站商品内容页:可以看到阿里巴巴网站商品内容页和淘宝网站相比就有了区别和相同点,首先商品图片毋庸置疑还是放在最突出的部分,一样弱化了买家的信息(只是相对于B2C平台来说),但是阿里巴巴网站因为是C2C平台,购买量和其他网站有很大区别,所以在商品加购物车处的设计和其他两种网站完全不一样,可以同时选择多款不同样式的商品一起加入购物车或这直接购买。

天猫网站商品内容页:天猫网页的商品显示明显更加强调品牌,而且一般直接用品牌名用作店铺名,此外更加强调服务承诺如退换、急速退款、正品保证等等,其他设计和淘宝网站没有太多区别。

淘宝网站:淘宝网站首页或者商品详情页底端是服务保障等信息内容,可以看到淘宝提供的保障具体有消费者保障、新手指导、付款方式和淘宝特色介绍。相对来说给出的内容较少。

阿里巴巴网站:阿里巴巴网站的底部用户保证和服务方面,从划分来看较多与淘宝网站,共有新手指南、采购商服务、供应商服务、阿里巴巴服务和交易安全六个板块。因为阿里巴巴网站中采购商和供应商二者都是非常重要、复杂且需要平台大力经营的,故在底部为这两类用户提供了服务便捷链接。

天猫网站:天猫网站的底部用户保障与服务贯彻了一贯的简约大气的风格,包含了品质保障、七天无理由退换货、特色服务体验、帮助中心四个板块。

这三个电子商务网站都有设计浮动固定栏,相同点是都有固定的搜索栏和导航栏,但也有不同的地方。

淘宝网站向下拉后可以看到,搜索栏固定在页面上方,而导航栏则固定在页面的右侧,此外右侧的导航栏还有回到顶部的快捷键及反馈、举报的快捷链接。

阿里巴巴网站则有些不同,其左侧固定栏是页面导航,而右侧固定栏有个人主页、个人足迹、消息、上新、回到顶部等快捷方式。可以看到阿里巴巴网站因为是B2B平台,用户的个人中心是比较重要的存在,在采购的过程中,采购商可能要随时查看自己的采购情况等信息,所以相较于淘宝网站它增加了一个有关个人中心的浮动固定栏。

天猫网站也有三个固定栏,分别是固定在上方的搜索栏,固定在左侧的导航栏及固定在右侧的个人中心快捷键部分,但是天猫的个人中心快捷键跟阿里巴巴网站又有些不同,阿里巴巴强调采购清单及常采购的店铺的上新优惠情况等,天猫则是个人购物车、会员卡、充值服务等。

相较于淘宝,天猫更注重品牌捆绑和用户粘性,所以它的会员机制和会员服务是其与淘宝有区分的很重要的一部分,从网站首页的布局就可以窥见一端。

根据上述的对比分析,我们从这三个网站的对比分析来看,他们的布局、风格及细节设计方面有相似点也有不同点,而这些设计及逻辑的区别是这些网站的性质所决定的。

B2B、B2C、C2C网站服务的用户和提供交易的商品或服务都是差异化的,这些不同点可以保证每一个用户享受到平台最优质的服务。

本文由@朱凡欣月原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

阿里巴巴国际站成立于1999年,是阿里巴巴集团的第一个业务板块,现已成为全球数字化出海服务平台。阿里巴巴国际站累计服务200余个国家和地区的超过2600万活跃企业买家,近三年支付买家的复合增长超过100%。

阿里巴巴国际站致力于让所有的中小企业成为跨国公司。打造更公平、绿色、可持续的贸易规则。提供更简单、可信、有保障的生意平台。它始终以创新技术为内核,高效链接生意全链路,用数字能力普惠广大外贸中小企业,加速全球贸易行业数字化转型升级。

未来三年,阿里巴巴国际站将赋能全球3000万活跃中小企业,实现全面无纸化出口、货通全球。

THE END
1.淘宝店铺页面的HTML结构复杂吗?HTML结构设计:淘宝店铺页面的HTML结构设计强调语义化标签的使用,如、、等,以增强页面结构性和可读性。此外,响应式设计也是淘宝店铺页面的一个重要特征,确保店铺在不同设备上均能良好展示。 CSS样式设计:淘宝店铺页面的CSS样式设计涉及选择器、盒模型、布局技术等多个方面。现代布局技术如Flexbox和Grid被用来实现复杂的https://www.jianshu.com/p/23b8e1ddb528
2.淘宝新颜:网页设计图揭秘,视觉盛宴等你探索!全新的首页布局,简洁而不失温馨,信息量大但不失清爽。色彩搭配恰到好处,一眼望去就能感受到淘宝的活力四溢。! 细节之处见真章 《详情页魔法》 `` 每个商品详情页都像是一个小故事,高清大图搭配流畅动画,让你仿佛置身于商品的世界,购物体验更加沉浸式。 https://bk.taobao.com/k/taobaowangye_180/1c1cde23392db267bfce9be8d280b182.html
3.淘宝最新版变革揭秘,特点与优势探索OR压力开关随着电子商务的飞速发展,淘宝网作为国内最大的网络购物平台之一,不断推陈出新,以满足消费者的需求和期望,淘宝网推出了其最新版,进一步提升了用户体验、功能丰富性和交易安全性,本文将详细介绍淘宝最新版的诸多特点和优势。 界面设计与用户体验的升级 淘宝最新版在界面设计上更加简洁、清新,首页布局更加合理,信息展示更https://www.njchenchuan.com/post/32589.html
4.淘宝开网店怎样才能让我商品到搜索的前列去?这个关键词,在七天内,产生了700多个订单,其中淘宝卖家产生了500多个、天猫卖家产生了200多个…… 根据公式,再推算其他关键词,咱们淘宝卖家的“市场需求”还算可观吧? 如果你是淘宝卖家,你会不会觉得“有搞头”? 如果有,我们再接着“深入分析”哪种“毛呢大衣”更好卖。 在“生意参谋”,我们点开“关联修饰词”https://www.zhihu.com/question/6104241828
5.如何设计出吸引人的网页布局与用户体验指南响应式网页设计命令提相反,如果一个网页杂乱无章,信息堆砌,用户很可能在几秒钟内就选择离开。为了提高网页的吸引力和用户体验,我们需要从多个方面入手,综合考虑设计的各个元素。本文将从布局设计、色彩搭配、字体选择、导航设计、响应式设计等方面,为您提供一份全面的网页设计指南,帮助您打造出令人难忘的网站。https://www.163.com/dy/article/JJHCC0RA05569BV4.html
6.深入解析淘宝首页宫格及其布局设置方法详解随着市场趋势的变化,淘宝首页的宫格内容和设计也应相应做出调整。商家可以通过观察竞争对手的布局获得灵感,及时更新内容,以保持自己的竞争力。同时,定期分析用户反馈,了解他们的需求变化,灵活调整以适应市场动态,将有助于提升店铺的流量和销售转化率。 综上所述,淘宝首页的宫格布局不仅是信息展示的巧妙方式,更是提升用https://www.9200.cn/135807.html
7.淘宝店铺主页布局分析淘宝店铺主页布局分析1、目前公司淘宝首页的布局方式(从上至下) 1)店铺标志 2)店铺招牌 3)宝贝分类以及关于我们 4)全屏海报 5)营销重点(分三块) 6)店铺公告和商品分类 7)活动预告及活动促销图片 8)畅销关键字 9)客服服务 10)分享有礼 11)立体轮播 12)分类橱窗 13)宣传图片(5张) 14)宝贝展台 15)多屏https://wenku.baidu.com/view/09eb5672df36a32d7375a417866fb84ae45cc3f9.html
8.嵌套滑动及吸顶效果实现android仿淘宝首页布局本文详细解析了如何在Android中实现仿淘宝首页的嵌套滑动和吸顶效果,涉及布局结构设计、事件冲突源码分析、吸顶效果实现、嵌套滑动流程,以及内部和外部拦截的实例。通过对ViewPager2的使用和事件分发机制的深入理解,成功解决了ScrollView与RecyclerView的滑动问题。 https://blog.csdn.net/qq_33613491/article/details/107377918
9.编写淘宝网PC端首页布局框架前端开发一. 使用Grid / Flex , 编写淘宝网PC端首页布局 淘宝PC端首页的分析:首先可分为三块: 1.头部:头部可分为顶部导航和快速入口。 2.主体:搜索框、导航区和商品列表 1)搜索框可分为logo、搜素框和图标。 2)导航区可分为左侧分类、左侧轮播图和标题区 3.尾部:各种第三方信息 https://www.php.cn/blog/detail/256892.html
10.京东网站分析报告(精选6篇)下面是我对两个网站的首页对比,首页是用户对网站的第一感觉,也是取决于用户所停留的时间,我用页面第一屏进行两个网站的分析。 PS:我的电脑屏幕分辨率是1440*900像素,浏览器为Firefox10.0。 天猫首页: 风格:天猫继承了以往传统淘宝商城的风格,以深红色为主色调,灰、黑色为辅,进行搭配,在页面分辨率上选择了宽度为97https://www.360wenmi.com/f/fileh51v7v6m.html
11.淘宝销售数据分析(淘宝店铺运营操作及布局要点解析,助你快速迎来近来也有和商家交流,多数店铺还是存在着或多或少的问题,毕竟想做好店铺也不是那么简单的,“欲戴王冠,必承其重”。众所周知,淘宝平台的流量是巨大的,那么想要获取大量流量并做好店铺就需要付出很多,最终才能收获更多。 店铺布局尤为重要,没有一个正确且适合的布局,那么也无法真正的做好店铺。做店铺不是走一步看https://www.niaogebiji.com/article-498528-1.html
12.css布局工作中常见的两栏布局案例及分析一、大结构上的导航栏和内容区域两栏布局 1、博客园为例 2、腾讯课堂个人中心页 3、慕课网个人中心页 4、github个人中心页 二、mini版的nav+cont结构 三、类似九宫格布局的两列结构 四、图文两列布局 1、左图右文字非垂直居中, 2、左图,右固定行数的文字,右侧文字和左边图片垂直居中。 3、左图右文字溢出隐https://cloud.tencent.com/developer/article/1388469
13.淘宝联盟竞品分析报告青瓜传媒网上购物已经成为当代人一种生活方式,在购物之后返还现金的电商返利产品也借着这股东风成长起来。本文作者选择了电商返利APP的两个代表产品——淘宝联盟和花生日记作为对比竞品,从商业模式、市场情况、用户等多个方面对两款产品进行了分析,并试图找出各自的不足,提出了自己的建议。 https://www.opp2.com/232139.html
14.深度剖析淘宝店产品与关键词的布局做店铺SEO优化,首先我们得做好全店产品布局以及关键词布局,那么具体怎么做?以下是小编精心整理的深度剖析淘宝店产品与关键词的布局,供大家参考借鉴,希望可以帮助到有需要的朋友。 产品布局 产品布局和关键词布局是相辅相成的,合理的产品布局才能将关键词布局发挥得恰到好处,才能尽可能地引入尽量多的搜索流量;合理的关https://www.yjbys.com/edu/taobao/116802.html
15.div+css布局实例淘宝分析(一)wenusdiv+css布局实例淘宝分析(一) 对于刚入门学DIV,CSS布局的朋友来说,不知道从那里下手,我以为从分析优秀网站的源代码来学习div,css布局是一个不错的方法,这篇div+ css布局教程是我自己在边分析边学习中总结出来的,如果你要转载请注明出处,另外本人特别声明:本教程只是分析淘宝网站的HTML,CSS源代码,作为 一个教程https://www.cnblogs.com/wenus/archive/2008/09/06/1285768.html
16.淘宝运营策划方案(精选5篇)2. 模块布局:合理布局店铺的各个模块,如店铺首页、商品分类、促销活动、客户评价等。确保客户能够快速找到所需信息,提升购物体验。 3. 广告与促销:在店铺首页和商品详情页设置吸引人的广告和促销信息,如限时折扣、满减优惠、赠品等。同时,利用淘宝的营销活动资源,如聚划算、淘抢购等,提升店铺曝光率和销售额。 https://www.ruiwen.com/word/taobaoyunyingcehuafangan.html
17.淘宝策划(通用15篇)在对每个产品优化好后,一月时间都将探索和考察直通车的效果,并为后面提供指导。 数据分析,每天监控店铺流量变化,和访客来源,并对变化提出应变修改建议;每周对珠宝市场情况进行分析,了解行情趋势,为店铺产品更新和推广促销提供建议。 淘宝策划 2 双十一马上要到了,我们现在要做一份活动策划方案,在接下来的双十一投入几https://www.unjs.com/fanwenku/504390.html
18.淘宝店铺的基础是什么?基础优化教程是什么?这里补充一点,在做一款产品前,首先要分析这款产品的市场、数据、竞品情况等等,是否可行,分析和对比的过程中就能有个大概的思路。 5、淘宝店铺装修 手机端着重装修 6、营销布局 打折、优惠券、满减促销等优惠设置。 这些都做好后,下一步就是如何引流了。 https://m.jiulangdianshang.com/quantaojiaocheng/2442.html
19.首页11.2效益分析74 第12章保障措施77 12.1加强组织领导77 12.2加强绩效考核77 12.3加强宣传引导78 12.4强化法治保障78 重点工程与项目表80 附图100 附图1地理位置图100 附图2土地利用图101 附图3总体布局图102 第1章发展基础 1.1区域概况 1.1.1地理区位 https://cxz.gov.cn/info/egovinfo/1001/xxgkxt_content/115323000151673132-/2023-0119003.htm
20.诞生前进与发展——探析淘宝退货运费险【内容摘要】:本文以淘宝退货运费险为研究对象。在诞生之初,运费险设计精妙、备受瞩目,但运费险的固有特征导致卖方市场冷淡、资本市场运作困难、亏损严重。伴随着争议,运费险引入多方战略布局、结合大数据分析,加强了风险控制和责任承担,逐步使退货运费险的经营进入了良性循环。但变革与发展不总是尽善尽美的,本文通过分析https://www.finlaw.pku.edu.cn/zxzx/zxwz/239619.htm
21.在线自由布局工具多功能淘宝天猫店铺装修特效代码生成器官方在我们对竞品进行1:1的分析拆解之后,我们就要产出我们自己的内容了,完全的照搬照抄肯定是没有办法超越我们竞品的,那么我们该怎么做呢? 首先,将我们从优质竞品中总结出的卖点、图片布局做一个规划,核心卖点是什么,要放在什么位置更合适。 比如,我们从竞品主图中总结了50条卖点,全部展示出来效果不一定好,那这种时候我https://www.mgzxzs.com/mp/3/7371.html
22.多个层面,浅析淘宝为什么要做逛逛?编辑导语:淘宝逛逛是一款基于过去的「买家秀」升级而来的产品,在体验的时候,会发现它接近于一些种草平台的体感,在上面能看到很多买家第一时间分享他们买到的宝贝,或者在使用这些宝贝时的感受与心得。本文作者从多个层面进行了分析,淘宝为什么要做逛逛。 去年12月,淘宝上线逛逛。作为小红书的深度用户,同时又是夜夜淘宝的https://maimai.cn/article/detail?fid=1638869509&efid=O3c1-MQ-c8CMOgbIyvrEOA
23.淘宝首页的尺寸是多少?首页怎么制作?二、淘宝首页怎么制作? 首先,了解目标用户和市场需求是制作淘宝首页的重要前提。在进行设计之前,需要对目标用户的特点、购物习惯以及竞争对手进行充分的调研和分析。只有了解用户需求,才能更好地满足他们的期望,提供更优质的购物体验。 其次,制作淘宝首页需要考虑产品分类和布局。淘宝拥有大量的商品和品类,因此,在设计首页https://m.maijia.com/article/574849
24.淘宝pc端首页全屏代码理想股票技术论坛淘宝PC端首页全屏展示的代码实现,适用于淘宝店铺装修,提供全屏展示效果的相关描述和代码示例。 ,理想股票技术论坛https://www.55188.com/tag-9138358.html
25.5个方面循序渐进,帮你掌握标题栏TabBar的设计方法标签栏(Tab Bar)是界面设计绕不开的一个课题,绝大多数产品都必需一个视觉美观、反馈清晰的标签栏来传达品牌形象。本篇文章将讨论与标签栏相关的设计细节,并尝试分析设计背后的思考。所有案例均来源于各大线上产品,观点仅来源于个人粗浅的分析,如果有哪里说得不对的地方,希望大家多多指点。 https://www.uisdc.com/tab-bar-analyse