【店铺首页】你的颜值担当能勾人吗？

                                                                                                   

我们一直在强调，要让客户成为店铺的粉丝，而不是浏览购买了爆款就跳失。

想要获取买家的浏览时长，在产品不具备绝对竞争优势的条件下，一个美观大气的首页，可能为成为你差异化竞争中不可缺少的武器。

一、首先我们需要明确的是首页的作用：

1、展示产品                          

2、传播品牌形象      

3、传递活动、促销信息      

4、引导购物路径 。

首页更多的是做为一种引导，更多的是分流，明白这点非常重要。

二、其次我们要明确首页的重点。

美工在做首页设计的时候首先要跟运营沟通好，最近的运营重心、思路等，主推什么，哪些产品是主推的。

三、明确首页的人群

第一种是直接访问；第二种是经过产品描述页进行访问。

而后者远比前者多。这两部分人群有一个共同的点。对我们的店铺或产品都有了第一次的接触，有初步的了解，有一定的兴趣，才会进行二次跳转到我们的首页，我把他们称为准客户。他们进入首页无非是想再找找其他的产品或更多的进行了解。这个时候我们就要好好把握，在首页呈现的时候坚持风格明了统一，导航要清晰，界面易读，有逻辑性。这也是我们做呈现的一个基本原则。

然后我们再开始首页的框架设计 ，我们知道首页的框架有店招、导航、轮播图、分类、单品海报、产品列表、尾页等。这些模块都有特定的作用，而且位置不一样，效果也是不一样的。

我们做店铺首页的目的是为了成交，以及为了更多的成交。我们首页设计有几个比较重要的数据指标，点击率、跳失率、平均停留时间。

特别是跳失率，过高的话是有问题的，根据不同类目确定自己一个跳失率要达到的目标。跌失率是越低越好的，高了的话就意味着你首页设计的目的没有达到，前面我们讲了首页是分流，是引导，最终是要引导到详情页下单的。

点击分布后就可以看到相关数据了。刚刚讲了跌失率，然后就是点击率，这里可以看到点击的次数。

这有三种形式，按模块模块、链接、热力图都可以看到哪个地方点击最多

接下来我们分模块来分析一下如何进行设计进行分享。

这里分PC跟无线端，但视觉原理是一样的。在很多的电商课程里面，讲师们都会跟学员们讲，PC端可以直接放弃了，店铺首页随便做一下就好了。这个我们要分类目，有些类目的PC端成交仍然是占据半壁江山，那么就不能盲目地放弃了。

一、店招与导航

我们看到，以上三组的店招重点是不同的。左边同样都是店铺品牌，右边不同。

1、传递的是品牌文化，品牌调性。
2、传递的是店铺活动。
3、传递的是爆款推荐。

都是可以参考的案例，店招的设计，遵循以下的原则与规律。

要注意，内容不要太少，不要太多。太少，指的是只放一个LOGO，太空。但如果做品牌格调，有一定的老客户，这样做也可以。

太多，指的是密密麻麻，品牌文化，爆款推荐，店铺活动，店铺导航什么都想往上面放，最后什么也没传播出来。在视觉呈现最忌讳这种堆砌式设计了。

店招后面就是导航，导航其实跟分类一样，第一是顾客想找想看的，第二是我们想让顾客看的。导航的设置跟优化我们可以用店铺装修分析数据做依据。点击多的肯定要着重凸显，凸显的方法有很多。比如放在有利位置或用色彩进行加强。

二、轮播海报

接下就是我们的轮播海报，这个太重要了，这里我们先从第一屏论来分析，我们打开网点的时候都是显示最上面的内容，基本就是店招、导航、轮播这些模块，首屏海报占的位置绝对的大。这个地方的内容跟视觉呈现决定流浏览者的第一印象。

而这个高度是有限的，我们不同的显示器或手机屏尺寸都不一样。这就得考虑什么样的尺寸高度能最多程度的兼容主流顾客的视觉效果，也就是视觉信息完整性。

这是我们打开网页的效果，中间这一部分就是我们看到的内容，如果这张海报太高我们就需要进行鼠标滚动才能看到下面的信息，造成海报信息的断层，不完整性。所有考虑到我们很多笔记本用的分辨率是1024*768，建议大家这张海报的高度不要太高，控制在450-600像素内比较合适。

手机端海报模块的前后要考虑好，最重要的应该在第一屏进行展示。一般我们参考手机屏幕4.7寸来进行制作。

接下来我们看看首屏海报如何进行视觉呈现，这里有两种形式的海报。活动海报跟单品海报。

看这张活动海报，主题非常明确。开学季。用到的画面元素、色彩都跟开学季相关。

再看这个单品海报，想想谁来买，男的多还是女的多。女性追求什么，这里用窈窕的身影和可以美白的文案，来销售这款柠檬茶。

三、产品列表

接下来是我们的产品列表。产品列表首先要做到整体统一。我们知道产品列表呈现两种方式，一种是系统产品模块直接调用主图。一种是我们用海报的形式进行呈现。

如果是直接主图的，在做主图的时候就要做到统一，背景、板式、拍摄手法。

最后就是我们的首页尾部，很多时候我们都忽视了，其实我们看到尾部的人就两种，一种是新手，一种是对我们的产品很感兴趣的。面对这两种顾客我们在设计尾部时放购物须知、售后保障、会员等，也可以进行再次的导航设计，让顾客再选择一次，目的就是别让其离开你的店铺。

               

--声明--

1、会员在访问网站并且下载文档提示缺少学费请每天签到或者分享资源即可拥有学费。

2、付出是相互的，请不要想不劳而获的好事能在你身边发生，社会是公平的。

3、转载或引用本网站内容须注明原网址，并标明本网站网址(http://www.aurrel.com)。

4、转载或引用本网站中的署名文章，请按规定向原作者支付稿酬。

5、网站发布的部分源码或者教程仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如有侵权请邮件（215586711@qq.com）与我们联系处理。

本文地址: https://www.aurrel.com/thread-6777-1-1.html