教你如何玩转无线装修优化还让原创女装销量飙升

随着手机购物人群的不断增加，无线也成了各位商家你争我夺的主战场！那么，无线装修要怎么优化才能帮助到店铺决胜在手机购物大潮中呢？

2012年双十一创造了191亿，其中无线支付金额占了9.6亿！2013年双十一突破了350亿，其中无线支付金额占了53.5亿，而在2014年更为加速暴走，创造了阿里上市后的第一个双十一，最终的成交额定格在571亿，移动端全面爆发，无线端的最终成交额约为243.3亿，占比高达到42.6%！可见无线的涨幅远高于整体销售额的涨幅，随着手机购物人群的不断增加，无线也成了各位商家你争我夺的主战场！那么，无线装修要怎么优化才能帮助到店铺决胜在手机购物大潮中呢？

一丶无线端装修的现状

我们要做好无线端装修，就不能很生搬硬套PC端的做法，更多的是需要我们去思考如何针对无线的特性，通过视觉提供给无线用户一个良好的体验。其次装修好无线店铺，还能为店铺增加权重。

但是目前无线端的现状，却还是有很多不尽如人意的地方：

目前大部分的卖家没有单独做无线店铺的装修，而是直接调用PC端的页面。我们知道虽然无线店铺装修和PC端的装修有很多可以共用的视觉素材，但装修的重心以及出发点却大不同。比如页面图片尺寸规格的不同，比如用户的需求不同，比如展示的优势重点不同等。然而这些在无线装修上如果我们不做区别对待，把PC的海报直接缩小尺寸放到无线上丶导致主题重心不突出，字体信息显得多而杂，产品图过小；照搬店铺介绍，信息过长，且未必是无线用户会看的内容，字体大小不适丶大图过大打不开，内容展示不全面等。这些不良体验，都会导致无线端跳失率居高不下，也直接影响了无线的转化。

二丶案例解析

（一）店铺背景

在淘系上有很多网络的新生品牌的不断崛起， 做得好的自然而然会发展为淘品牌,销量飙升不在话下，而做得不好的品牌就成了不知名的品牌,渐渐消失在消费者眼里。下面我们来看一个案例：

这是一家女装店铺，属于风格细分的原创女装店铺。店主每月定时上新两次原创的时尚款，为客户提供最时尚的消费，而店铺的五代模特，每一个模特在微博上的都有一定量的粉丝群体，大多消费来源是通过认识这个店铺里面的模特才喜欢上这个店铺，逐渐成为老客户；同时店铺每期都会有一个不同的主题性拍摄，这就为老客户带来新鲜感的同时也可以吸引新客户。老客户对店铺的忠诚度较高，每到店铺上新的时候都会积极响应，为店铺带来相当稳定的流量和营业额。但稳定的反义词就是“瓶颈”，很难突破。

（二）寻找问题点突破口

通过分析，我们发现店铺的无线装修存在较多的问题点的：

1丶和众多商家一样，无线端的装修多采用照搬PC端的做法，海报直接缩小尺寸丶介绍店铺信息过长丶字体大小不适丶大图流量过大打不开，内容展示不全面；

2丶整店排版布局不合理。店铺内着重还是在上新宝贝的展示，不会预留位置给予热销宝贝和活动的展示；

3丶对于自定义的模块使用不当，每款宝贝之间没有合理的间隙分隔开，导致客户不知道哪个可以点击哪个可以点击，造成跳失。

以上说到的种种的排版布局不合理性，长此以往，只会造成更多的跳失，不利于店铺的新客户端的积累以及店铺的转化。

（三）解决问题-玩转无线店铺装修优化

1丶优化页面整体布局

我们了解到无线端的客户有这样两大特点：①时间碎片化；②阅读的快餐式。一个有效吸引丶高点击率的页面，在于如何在最短的时间，利用有限的设计模块，让消费者按照你清晰的视觉导购，浏览并最终形成转化。

以本文中的案例店铺来说，首要解决的就是整体的排版布局。

我们保留每期上新宝贝的展示区块，配合每一期的不同的拍摄主题，新增内容如下：

① 焦点轮播海报；

② 店铺促销信息（如优惠券丶不同会场的入口）；

③ 热销宝贝的展示区块。

（排版布局示意图）

以上调整的重点在于首页的前三屏不再首先陈列单品，改放模块（即分类入口或者海报），我们通过这些模块引导，可以很好地让客户一层一层地浏览，加深用户的浏览兴趣。

2丶优化色调调整，趋向整体性丶统一性

无论是无线的首焦海报还是整体页面视觉上，想要做到首先引人注目，进而吸引人点击，就要注意页面色调的整体性丶统一性。页面用色上要善于运用同类色和互补色进行搭配，以及注意页面配色的使用占比，主色的使用占比一般是整个页面的70%，辅助色为25%左右，还有一个我们叫点缀色或者提亮色的为5%左右的占比。

3丶优化自定义模块，给力装修

无线装修的模块里，新增了自定义模块，而且还能最多设置10个子模块，这对于无线端装修而言，无疑是给了很多的自定义的自由度，对无线端来说是最给力的模块。自定义模块的图片大小可以自行选择拉动但是区别于PC端的自定义模块，无线端的可视化框架是建立在图片的基础上的，不涉及html源码。

那么我们如何玩转自定义模块呢？

目前这个自定义模块有以下几个特点：

① 至少四个小框才可以独立一个子模块（长宽为152*152）

② 拉好框架会自动显示图片大小。

此模块值得注意的是，我们在设计的时候应当考虑好在自定义模块里预留每个子模块之间的缝隙，这样做的意义是让客户清晰的区分各单独的模块图片，从而更直观引导。

因自定义模块的拉动相对其他图文模块自由，所以其可设计的自由度也就更大，只要精心布局，就可以达到既可以让新客户印象深刻，又能让老客户有新鲜感。

如下自定义模块中，我们通过不同大小的模块进行布局，对齐，对比，营造错落的层次节奏感：

同时配合这一期黄白调为主的温暖欢快的拍摄主题，进行展示图片的挑选。我们选用了半身模特图以及平铺产品图为主的展示图片，其中的中间长竖型的模块我们选用全身模特图进行展示。整体没有过多累赘的内容，直接的图片展示，适当的留白，也没有额外的视觉辅助，却让页面看起来很“完整”，并富有节奏感。重在布局丶配色平衡的把握，让产品本身主次非常突出，让用户第一时间感知重要信息。

最后我们来看一下优化前后页面的对比：

我们从点击率的数据中可以发现，优化后（1月14日）店铺整体点击率是呈上升趋势的。

三丶总结

谈及无线，很多人第一时间关心的是如何打造爆款丶如何通过运营技巧来提升店铺销量，却容易忽略店铺的视觉装修。我们从上文的案例分析就可以看出，无线的店铺装修绝不是单纯地把PC端的页面调过来，而是要结合店铺风格丶产品定位丶无线端用户购物习惯进行再设计。要想在无线市场里大展拳脚，单有优秀的运营思路是不够的，还需要专业的店铺视觉设计。