这一个页面模板的划分很好理解，天猫因为是B2C平台，弱化了用户在平台表现层中的占比，天猫的用户只能从天猫平台购买商品，而淘宝的用户除了在平台中购物还可以通过用户图标处点击开店，阿里巴巴网站中用户的采购情况十分重要，故在首页右栏设置用户栏，可以便捷的看到进货相关的情况。

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

淘宝网首页下拉有爱逛好物、好店直播、品质特色、实惠热卖、猜你喜欢五个部分；阿里巴巴首页下拉后有特色货源、主题货源、好物推荐、猜你喜欢和以商会有五个部分；天猫首页下拉后有天猫超市、天猫国际、美丽人生、潮流酷玩、居家生活、打造爱巢、户外出行和猜你喜欢八个部分。

这些板块的具体布局其实是比较类似的，其板块的具体设置也是从网站的属性和定位出发。比如“猜你喜欢”板块在三个网站的首页板块中都有，天猫网站的板块更为多样，首页板块有按照用户品质需求来细分的板块，如打造爱巢板块专门展示家具商品、户外出品主要展示运动户外商品。

2. 外观风格

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

3. 分类目录系统

这三个网站分类目录系统在首页的位置是相同的，淘宝和阿里巴巴网站采用的分类等级是二级分类结构（即如想选择衬衫，进入该分类的方法是女装-衬衫），而天猫采用的是三级分类结构（即如想选择衬衫，进入该分类的方法是女装-当季流行/精选上装-女装）。

此外，淘宝和阿里巴巴网站的分类目录系统显示的是具体分类和猜你喜欢部分或者商品排行榜（本质是类似的），天猫网站中的分类目录系统显示的是具体分类和品牌logo。

淘宝网站分类目录：

阿里巴巴网站分类目录：

天猫网站分类目录：

这种区别其实跟网站的属性是密切相关的，从这三个网站来看（不代表该类型网站的全部情况），C2C和B2B网站的分类目录结构较为扁平，直接点击分类可以看到想要的商品类别。而B2C的分类目录层级则相对复杂，加入了一级分类，可以更加精细化的运营，而且品牌意识更加强烈，给用户传递了品牌意识和品质消费意识。

4. 商品内容页

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

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

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

5. 客户服务保障与支持

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

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

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

6. 浮动固定栏

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

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

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

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

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

三、总结分析

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

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

本文由 @朱凡欣月 原创发布于人人都是产品经理，2019年3月29日。