最近因为工作需要，所以整理了一份关于电商设计的心得体会。我刚毕业那会做过差不多半年的美工，那时候还不太懂事，对电商设计这一行了解不够深刻，这几年虽然不做电商设计了，但是随着年纪的增长，经历以及和不同行业的大佬聊过以后，对电商设计有了不一样的认识。。。。。。。。

 

以下是我个人对电商设计的理解，不喜勿喷哦

 

电商设计我觉得更多的是服务于运营，所以对于这个职位的名称，我觉得称其为视觉营销会更贴切一些。

 

我自身不是学视觉营销出身的，所以对于这个专业我自然是说不出什么能服众的信息来，但是根据我这些年设计的工作经历来说，我可以简单的分析一下视觉营销如何在电商中运用。

 

接下来我以天猫店铺装修为例来分析

第一部分

天猫店铺的设计逻辑

作为一名电商设计，在接到设计任务的时候，我们首先要做的绝不是去查找其他店铺是如何设计如何装修的，不是照搬别人也不是去模仿别人，这个是很不专业的。

 

在电商这个领域里，运营和设计这两个岗位的重要性其实是一致的，运营考虑的问题我们设计也需要考虑。所以在接到设计任务的时候，我们首先从产品出发，从品牌出发。

 

我们需要考虑3个问题：

 

第一个问题：用户是谁？

第二个问题：用户从哪里来？

第三个问题：用户的行为目的是什么？

 

这些问题其实都不难理解

 

第一个问题其实说的就是——精准的用户群体分析

第二个问题说的就是——引流，流量从哪里来

第三个问题其实就是——用户逛天猫的目的其实就跟逛街一样，买到自己心仪的商品

那么我们先从第一个问题开始：精准的用户群体分析

我相信作为一名设计，分析用户群体的能力，如何分析，从哪几个方向入手，如何画用户画像。。。。。。不需要我在这里做过多解释了，这是一个设计师必备的分析能力

 

那么我们从第二个问题开始：引流

我们可以想象一下，我们打开任何一个电商平台，想要找到自己想买的商品，第一步操作肯定是点击搜索框进行关键词搜索，可以说绝大部分，至少80%的顾客都是这样的操作习惯，

众所周知，电商产品琳琅满目，对于这部分人来说，他们不清楚自己要买什么样的产品，不知道哪个品牌的产品好，不知道该信任哪个品牌

 

只有少部分顾客会直接搜索店铺或者直接进入自己的收藏店铺，进而完成购买行为。那这部分人的目标性很强，我们称之为是：品牌的忠实用户

 

所以我们可以得出这样一个结论：

任何一个电商平台，至少有 80% 的用户都不是直接从店铺首页认识你的产品

 

那么顾客是从哪里看到我们的产品？

刚才上面的分析已经说到，顾客关键词搜索，平台为顾客搜索出来的结果以主图的形式展示，那么顾客可以按照销量，评论，以及价格高低等排序来寻找自己心仪的商品。

找到自己心仪的商品主图后点击进入该商品详情页，假设顾客浏览详情页后觉得还算满意，但是并不是自己的心仪商品，那么这个时候顾客就会点击店铺，继续浏览店铺里面的其他商品，如果在浏览的过程中顾客找到了自己的心仪商品，那么这个时候就会完成购买行为，假设顾客浏览了店铺所有商品依然没有找自己心仪的商品，那么顾客就会离开店铺。回到搜索框继续关键词搜索。

如（图1-2）所示，流量就是在平台——商品——店铺之间形成闭环模式，我们可以看到的是，图片是流量入口，每一个页面都可以完成二次点击、二次转化、留存和成交等营销目的

同时，也有可能让顾客直接离开，造成页面跳失、点击率下降、流量流失的问题。

 

那么怎么解决这些问题呢？这就需要设计与运营之间的配合了。

 

第一部分完毕，接下来是第二部分

第二部分

视觉设计

视觉设计大致分：主图——详情页——首页 这三个模块来分析，至于那些钻展什么的就不做过多啰嗦了

 

首先是主图

主图应该放哪些东西？

 

通过前面的分析，我们知道流量的第一入口就是主图，所以如何花最少的时间满足用户，提升用户体验，满足用户体验的同时满足商家的欲望，这个是主图的目的

 

搜索、推荐都是以图片的形式展示，宝贝的第一印象直接影响点击率，间接影响产品曝光率，从而影响整体销量，我们可以找天猫上按销量排名较好的商品主图来看看，做个对比基本上也就清楚主图需要放哪些东西：

· 活动利益点突出

· 开团时间节点突出

· 视频介绍产品

· 价格折扣突出

 

设计上需要注意的是：

· 主图的设计应该尽量简洁

· 让用户快速了解商品

· 主商品和赠品不要重叠，主次分明，文字突出

接下来是详情页

详情页应该放哪些东西？

 

最终完成购买行为的页面其实是商品详情页，所以详情页是整个店铺中最重要的，所以它需要向顾客展示的信息更多。

按照以上相同的方法可以知道详情页需要放哪些东西:

 

· 设置商品套餐活动，突出活动利益点，留住顾客

· 与同类产品做比较，突出商品优势

· 多维度向顾客展示商品卖点，包括产品参数，使用方法等

· 商品的促销活动也要在详情页上展示出来，让顾客有多种选择，激发顾客购买欲望

· 品牌背书展示，可以获取顾客对品牌的信任

· 商品的实拍图也应该展示出来，让顾客对产品的外观有更多的了解

最后是首页

首页应该放哪些东西？

 一家好看的店铺装修，能够增加消费者的购买欲望，降低跳失率，提升转化率，所以首页的目的其实就是展示品牌形象，和设置入口，要设置好进入各个页面的路径，多维度展示你的产品，让顾客有兴趣去点击。人都是有惰性的，如果可以在首页能够清晰的了解到店铺所有的商品，没有人愿意再点击二级页面去了解店铺其他商品，所以我们的首页应该把最好的商品展示出来，让用户看到，防止跳失率，有什么促销活动都要展示出来。

 此外还应该展示客服和广告提醒等，能够给客户提供便捷的咨询服务，简单快速的找到自己需求的商品。

第二部分

案例分析

接下来我们用实际案例分析。

 

我这里以母婴产品：奶瓶为例

我不知道哪个品牌比较好，所以就关键词搜索，按照月销量来看

我们点主图进去

从这个品牌的主图中，按照之前我们分析的来看，好不好看我们先不讨论，我们可以得到这样的信息：

主图：把折扣突出，吸引顾客眼球并激发顾客购买心理

主图做的不好的地方是：

没有做视频，同类产品的商家做了视频介绍，而你没有做，那你就失去了竞争力，容易流失流量，视频的作用是快速让顾客直观的了解产品，此外主图的设计应该和详情页的设计形式区分开来，如果主图和详情页的图一样，会让顾客觉得商家并不用心为顾客介绍产品顾客没有观感上很好的体验，就没有耐心继续了解产品，就会导致流量流失。

① 分类导航：分类很详细，可以让顾客快速找到自己需要的商品，防止顾客离开页面

② 看了又看：可以让顾客直观的看到同类功能不同产品的外观，吸引用户，好奇的顾客都会点击进去

③ 捆绑销售：设置不同产品搭配的套餐，激发顾客购买的欲望

第一部分：详情页

1⃣️产品海报

精准的产品描述+logo+slogan+图片

帮助顾客快速了解商品，同时吸引用户眼球，留住用户

文案突出+符合品牌基调+美观

2⃣️挖掘顾客痛点

精准的痛点描述+图片

帮助顾客快速认知到选择奶瓶存在的困难并提供解决方案，获取顾客信任，激发顾客好奇心，留住顾客

文案突出+符合品牌基调+美观

3⃣️产品核心卖点

精准的卖点描述+图片

多维度展示产品卖点，列举亲喂与瓶喂之间的转换，吮吸原则等让顾客对产品有更深层次的信任，包括产品的材质，实用性和外观设计都属于产品卖点，都应该逐个展示，让顾客了解到产品与市面上的产品有什么不同。

4⃣️奶量摄取，调奶方法，消毒方法

参数/教程描述+图片

帮助顾客清晰的了解产品的用法用量，获取顾客更多信任

5⃣️产品信息/产品尺寸

参数+图片

帮助顾客了解产品的具体信息，包括材质，容量，产地，颜色等

6⃣️温馨提示

文案+图片

贴心的小tips设计，让很多年轻宝妈宝爸避免了初次喂养的雷区，让品牌和顾客产生了更亲密的信任

7⃣️品牌背书

logo+品牌描述+slogan+口碑+发展历程+图片

向顾客展示品牌的实力，让顾客更信任产品，激发顾客购买欲望

8⃣️产品实拍图

严格意义上来说，详情页还应该放产品实拍图，这个品牌没有做，实拍图的作用无非就是让客户从多个角度看到产品真实的样貌，让客户对产品的外观有更多的了解

经过主图和详情页的分析，我们大致了解电商的详情页在内容上应该怎么设计，视觉也应该根据运营的需要来设计图片，至于色彩统一，符合品牌基调，风格统一等等这些就不多说了，作为设计师，大家都懂，不用我多说啦哈。

第二部分：店铺装修

我们进入到这个品牌的首页

我们先了解一下店铺装修的几个要点：

① 产品定位：了解产品在市场上的价格，符合什么样的人群

② 风格确立：了解别人店铺的首页设计，吸取别人的长处，文字上的确立风格，确定走的是极简风，时尚风，文艺风，还是可爱风

③ 设计上的对比突出：

     A： 文字上的突出，主次标题之间要有明显大小对比之分，重点突出主标题

     B： 图案上的突出，页面有明暗关系的对比，突出产品，凸显页面层次感

④ 版式的衔接：

    A： 柔和的曲线分割方式适合母婴产品，让顾客跟着曲线衔接引导阅读，延长停留时间

    B： 硬朗的直线/斜线分割方式适合数码产品或者运动类偏男性产品 

首页banner放的都是店铺热销款，爆款，我们可以点下面的小轮播图进去看看，其实每一个点进去的都不是直接到产品的详情页，而是到品牌分类的二级页面，这样的设置又加大了客户继续浏览的欲望。

A：

会员专享福利展示：

激发客户购买欲望留住客户，增加页面点击率

B：

分类导航：方便客户快速找到自己需要的产品

C：

爆款推荐：

如果客户在前两个模块都没有找到自己心仪商品的时候，客户就会离开，但是商家在这里又设置了一个好物推荐的展示区，留住了客户，大部分客户都不会拒绝，因为好奇客户都会选择点击进去看看，这样的设计既留住了顾客，又增加了顾客对品牌的信任。

D：

不同功能产品的分类

楼层模块：

每个楼层模块都一样，根据不同功能产品选择配色不一样，避免了顾客审美疲劳而导致的跳失率，banner的突出文案吸引顾客继续浏览产品这样的设计既留住了顾客，又增加了顾客对品牌的信任。

不同尺寸选择：

提醒顾客还有更多不同尺寸的商品，同样是为了留住顾客，提高点击率

到这里，我所分析的也就基本结束了，至于二级页面，没有什么好分析的，然后设计上（配色，文字，icon等）也没有什么好分析的了，但凡一个懂设计的人从我开头分析的那些来看，都应该知道店铺装修该怎么着手去设计了，什么图片怎么设计才好看，文案怎么摆放才好看，字体大小多少，怎么排版等等，不同的设计师有不同的看法吧，我就不多说了

分析结束，谢谢！

（虽然分析的挺稚嫩的，没办法，第一次以运营的角度去分析）