做好店铺装修 三秒抓住客户眼球

店铺视觉设计要让顾客停留在店铺首页的3秒内搞定顾客，那不管是色彩、结构还是陈列方式，一样都不能放过。推荐大家也看看此文：网店视觉营销之广告图设计

我们这次来看的是一家汽车改装用品店铺，此类目的用户群体非常小众，具备自身的独特性。从该店的目标用户群——20～40岁、性格外向喜欢被关注的中青年男性来看，店铺需要突出的特点是专业和质感。要体现这些，最容易着手的方面就是店铺视觉。

首页模块合理搭配

店招：主次有别

一个店铺中，只有店招部分是贯穿于整个店铺的所有页面，它不光是我们整个的视觉定位，也是我们品牌的诠释，更是我们对顾客引导的第一步。

对于这家店铺的店招，从视觉上讲，设计部分基本没有，这样的红黑搭配其实没有主次之分，达不到点睛效果。一般来说，我们会有大面积的主色，然后在重要的地方，用辅色点睛出来，达到提醒，示意的效果。

在导航上，清晰罗列了商品分类，这对用户的选择浏览上有很大的帮助。很多商家会在导航上放公司介绍，购物流程之类的信息。但从客户角度出发，他们来店铺的目的是选购商品，所以对于用户来说，分类最重要。因此店招必须以商品分类为主，其他导航为辅。

首屏：黄金分割

在店铺首页中，首屏的位置相当金贵。所以一般都会在首屏放店铺的活动促销或是非常有竞争力的产品。首屏内容有限，因此位置的分配尤显重要。

该店首屏左右分栏，这样的布局相对紧凑，视觉效果会稍弱一些。对于运营能力强，或者活动多的商家比较适用。当然也可以上下结构，上面一张大图，下面三张小图。毕竟通栏的图片让人感觉大气，当然相比这个会损失一些页面的高度，减少了首屏可放内容。如果店铺活动不多，一个月2个以下活动，那完全不用这么多的广告位。

在广告位的管理分配上，个人认同短期优惠力度大的活动给予大图展示，刺激消费者，对于长期，优惠力度一般的活动，可以用辅助小图展示，节省空间。

或许很多卖家更愿意选择图片轮播的方式，但仔细分析之后会发现轮播会存在不少问题：第一，图片轮播意味着增加用户的等待时间，所有增加用户时间和操作的事情，都是影响转化的关键因素。第二，因为网速问题导致打开页面很慢，这会导致顾客看到的第一张图片可能是轮播中的第二张或者第三张图片。而对于卖家来说，一般会把促销力度最大最想让顾客看到的信息放在第一张。因此，这就意味着如果要让顾客看到第一张图片，则要让他等待十几秒的时间。在设计要求中，我们不能让顾客思考超过3秒，更何况这是十几秒。

二屏：购物引导

接下来这块，通过之前对店铺的分析，我们要给顾客提供最便捷的购物路径。所以卖家可以把购物引导、商品导航放在这块。商品分类有很多，如：按品牌分、按价格分、按渠道分、按系列分、按功能分、按人群分等。

对于该店的用户人群来说，内行客户当然找对口的产品很重要，他们需要的是找对应功能用途的东西。而汽车的每个品牌每种型号配件都不一样，无论是对内行还是外行来说，按车的品牌或是型号分也非常适用。对于外行人来说，他知道的只是自己车的牌子型号，并不知道自己该买些什么。所以在分类这块，我们可以分两类，一个是功能功效，一个是车的品牌或型号。

当然在分类这块，也是比较容易让人困惑的地方，可以在这加上我们的联系方式和客服旺旺，在他产生困惑的时候知道去哪找解决办法。这样的分类方式也完全可以应用到左侧分类当中去。

三屏及以下：动态巧搭

店铺第三屏及以下，就是各种产品的呈现。自从淘宝sdk出来以后，店铺可以实现很多js的动态效果，比如标签页、放大镜、手风琴等。卖家可以根据自身的需求灵活运用，搭配出非常多很实用的效果。

上图是该店热门产品的推荐，这个将近一屏大小的地方，卖家其实只介绍了一款产品。就好比一件衣服，在这么大的位置展示了8种颜色，实属浪费。建议这块选择的内容可以放到宝贝描述中去，当顾客对这个产品感兴趣了，才会去选择适合自己的款式，顾客不会因为你的款式而选择你的产品。

宝贝详情裁剪有度

对于品牌知名度不是非常大，老客户、回头客不是那么多的店铺来说，买家基本通过商品描述页进入。所以，宝贝详情页的设置也不容忽视。描述页面的演化从最初的商品介绍到功能功效到品牌介绍到物流发货到商品推荐搭配推荐，不断的根据顾客或是卖家自身的认知往里边加了很多内容。

详情页内容并不是越多越好，而是根据产品特性和用户需求合理放置。根据之前对该店用户和产品的分析，该店铺的宝贝详情页大致可遵循以下结构：

1. 主要活动促销信息(顾客购买催化剂)

2. 商品参数及功能(商品基本信息，要有旺旺)

3. 资质保证(顾客购买动力)

4. 套餐选择(选择必备，要有旺旺)

5. 商品图片

6. 搭配推荐(推荐相关商品)

文字提炼重点

可以看到目前店铺详情页的文字部分，虽然有丰富的变色，但纯文字的展示绝对会让买家眼花缭绕，不只所云。对于多文字的展示及重点的把控应该由从视觉上去体验，举个列子，如下：

左边纯文字的展示，经过设计变成右边的样式，突出了文字的重点，同样是花三秒的时间，左边的内容很难让人抓到重点。而右边非常清晰的告知了顾客，只要关于商品、尺寸、退换货的问题轻易。

图片陈列多样化

可以看到该店铺的产品是一张接着一张的图片成列形式，但事实上并不需要这么多的图片。卖家可相应地减少相同角度的图片。另外，可以选择多样化的图片排版模式，而不是直接一张紧挨着一张。这样不但能减少页面的高度，还增加了图片可图性，既美观又实用。

另外，除了有好的设计外，店铺的产品图片拍摄也需要进一步改善。汽车改装配件的产品，不像服装类产品注重外观的设计，而是注重突出商品的功效功能和质量。所以因此，商品的拍摄不需要有花哨的背景，突出产品的质感，细节做工相对更重要，比如可以用简单的白色背景，多一些细节做工上的图片，体现质感即可。