因为平时教学生下课时间也比较晚，所以我熬了几个通宵写出来的。之前有朋友私信我希望别用图片了，我也知道图片体验不是那么好。无奈现在盗版太厉害了。但想了下为了给大家更好的阅读体验，还是用文字版吧。如果大家发现未经授权转载我的文章请举报给我。
这篇介绍垂直类电商的首页设计。那么首先让我们了解下什么是垂直类的电商。
B2C垂直电商细分
淘宝的商品品类（SKU）是以数十亿计的，天猫和京东也应该在数千万的级别。海量的商品品类、鱼目混杂的商家以及参差不齐的商品为消费者的购物带来了极大的选购时间成本。消费者在这样的购物环境中找到适合自己的商品有时并不比大海捞针容易多少，而其中假冒伪劣商品的大量存在更是增加了购物的难度。
相对于B2C综合商城的广而博，还有一种小而美电商形态叫做B2C垂直电商，就是只专注售卖一个或者多个相关品类的电商。鉴定一个电商是否垂直，就是能否找到一个共同属性的用户群体。比如女性，文艺青年等。垂直电商的价值就在于其站在独立第三方的角度，从海量的商品中为消费者做了一次精选，平台需要为这些商品做信用背书，所以这些商品基产品质量也相对有保证，能通过口碑逐渐地在消费者中间建立信任感。
模式优缺点：
垂直类电商优点是：面对的客户群体有一致的属性。有了这个大的前提，那么很容易知道客户在哪里，他们喜欢和关注什么，可以有针对性的精准营销。而且客户群体的集中和专一，会让其更有归属感。
垂直类电商缺点是：商品品类单一，用户重复购买率低。就是用户想买其他商品你这里没有的卖，那么用户可能选择综合类B2C电商平台。所以垂直类电商在发展到一定程度后，业绩增长会遇到天花板，于是就开始扩充品类，走大而全的道路。又会遭到大的B2C商城的竞争。不管是从商品还是价格的角度上来说，淘宝、天猫以及京东这些综合类的B2C电商，都存在大量的商品可以替代垂直类电商。
常见的垂直电商App
B2C垂直里面，一些应用的商品品类比较多。比如母婴电商这个大的垂直分类，里面有服饰、鞋子、奶粉等多个小的品类。这些应用相当于垂直电商里的综合类（图1-1）。
|
品类 |
名称 |
|
母婴 |
贝贝网、蜜芽、孩子王 |
|
化妆品 |
聚美优品，乐蜂网 |
|
品牌折扣 |
唯品会、聚美优品、楚楚街 |
|
女性导购 |
美丽说、蘑菇街 |
|
服饰 |
梦芭莎、优衣库、麦网、有货 |
|
跨境电商 |
小红书、网易考拉、洋码头、海淘、达令、美丽说、higo 、云猴全球购 |
|
生鲜 |
每日优鲜 |
|
二手交易 |
闲鱼 |
图1-1 综合类的垂直电商
因为品类比较多，所以页面承载的信息密度比较高。所以页面设计采用类似综合B2C商城的设计（图1-2）。如果对这块有兴趣，页面设计可以参考我之前的文章《综合B2C电商首页设计》，就不在本节文章的讨论范围内了。
图1-2 贝贝和聚美优品首页
垂直电商里还有一些垂直细分类。例如各种鞋子和袜子、奢侈品类、食品类、箱包、水果类、钻戒和珠宝类、酒、养生保健品类、礼品玩具类、鲜花商城、居家类、汽车用品、药店等。
这些细分类随着时间有的逐渐消逝，如卖鞋子的乐淘。而留下来各种时尚潮品的综合推荐类、家居类居多。这些垂直细分的商品品类不是很多，所以页面设计大多采用大的留白简约型设计。本节文章重点去分析推荐一些垂直细分类的电商（图1-3）。
|
品类 |
名称 |
|
手工艺品 |
东家守艺人 |
|
家居 |
造作、Life、好物、尖叫设计、匠物 |
|
综合导购 |
最美有物、良仓、想去、毒物、野兽派、See |
|
美食 |
Enjoy、二十四季 |
|
男士服饰 |
男衣邦 |
|
女士服饰 |
ICY、ZARA、 H&M |
|
女士内衣 |
氧气 |
1-3 细分类的垂直电商
垂直电商App的首页结构
垂直电商的用户，可能购物的目的性不是很明确，一般都会以逛为主，通过逛发现自己喜欢的一些商品完成购买行为。所以首页会放置各种形式的商品推荐。推荐形式一般有
1、品类或者品牌中热门单品的推荐
2、以专题形式的某一类商品的集中推荐，以商品推荐为主。
3、如果有达人推荐的子频道，会在首页有露出，通过一些意见领袖的推荐，
4、知识库，我的理解还是一种专题的合集，比如什么场合适合穿什么衣服，什么季节适合吃什么，如何选择合适的锅。当然这些知识里面少不了各种商品的推荐。
5、其他一些各种小频道栏目的露出
因为综合类电商平台模块多，每个模块都可能从属某个部门，需要平衡各种部门事业部的利益。设计师设计的页面体现的是各种协调的意志。而垂直类电商的模块相比就少的多，设计师有更多自由去考虑各种模块的设计问题。知道了垂直类电商的首页的内容组成，我们开始看垂直类电商的具体模块组成。
模块1：标题栏
每个应用都有一个标题栏，这成了App的标准设计了。标题栏上一般会有三个重要的元素组成：logo图形或者文字、搜索页的入口、购物车的图标。
视觉设计1 品牌logo
标题栏放置的Logo文字会进行字体设计，垂直类电商一般会非常重视品牌的露出，所以这里不会使用系统默认的字体，而是贴图使用设计好的Logo文字或者Logo图形（图1-4）。
图1-4 造作标题栏使用了logo图形，其他使用了字体设计的logo
视觉设计2 搜索入口
大多数垂直类电商，更希望于用户浏览推荐内容，购买推荐活动商品。而不是直接通过搜索去找到相应商品，去完成购买行为。所以垂直类电商App会有意识的弱化商品搜索。不同于B2C综合类电商导航栏上醒目的搜索栏，美食电商Enjoy和兴趣导购life首页（图1-5），直接在导航栏右侧放置了一个搜索图标。
图1-5美食电商Enjoy和兴趣导购life首页
如果你的商品品类并不是很多，那么用户通过关键词搜索很难搜到东西。所以一些应用干脆把搜索和商品分类页进行结合设计。例如造作（图1-6）点击搜索，进入的搜索页就是商品的分类页。
图1-6造作的首页和分类页
有的垂直类电商品类并不多，所以干脆直接去掉了搜索入口。在2016年的唯品会的App甚至极端的去掉了搜索功能，希望用户在页面可以停留更长的时间。这种想法显然有点一厢情愿，因为唯品会的品类可不少，这样的设计遭到了很多用户的反对。在最新版本的唯品会又悄悄的把搜索功能加了回来。所以留不留搜索入口还是要看你的品类是否足够丰富。
