如今，无线店铺的首页起的作用比PC首页更大。无线店铺首页起着强大的分流作用，所以无线首页的布局好或是差，就决定了店铺内流量流转是否健康。

仔细分析用户在手机淘宝的购物路径，我们不难发现，用户的购物路径非常简单，一直围绕着“商品详情页----店铺首页----商品详情页----店首页”的轴，这有别于PC端客户的访问行为，因而，我们的美工及运营一定要依据客户的实际走向来完成店铺相应页面的设计。

设计无线店铺首页框架，再去各个模块单独地设计修改。我们设计的无线店铺首页的框架，从整体内容上看，无线首页必须承载八大内容：店招、会员分享、宝贝、分类、活动、形象、优惠券和微淘。

下面我们罗列下各个模块设计要求：

【店招设计】：如何让店铺高大上

店招规格：640x200 像素，大小：100KB以内，图片类型：jpg、jpeg、png。

图片内容：1、体现行业地位;2、体现店铺调;3、凸显活动主题。4、焦点图模块的装修要点。

焦点图的轮播设定为三轮播：第a一轮播设置为店铺活动信息海报;第二轮播设置为单品爆a款海报;第三轮设置为配合大促或者活动的单品爆a款。手机端焦点图的设置与PC端不同，与PC端相同的是首焦均是店铺主要活动信息，但手机店铺建议以爆a款为主。

【焦点图规格】图片尺寸608像素x304像素，文件大小100KB，格式：jpg 、png。

【模块内容】*多可以添加4幅banner图片。

模块中的图片内容可以为店铺主推活动，活动主题。聚划算、手机专享、大促活动等。

首焦图设计要点要特别注意：

第a一轮播：大促信息清晰可见，避免多重信息，避免视觉混乱;

第二轮播：单品爆a款为主，排版简洁，突出产品;

第三轮播：大促活动爆a款推荐，信息清晰简单明了。

【优惠券模块设计】优惠券所用模块：多图模块，左文右图模块，双列图片模块。

【多图模块】图片尺寸：248像素×146像素，图片*多6张，*少3张。

【左文右图模块】图片尺寸：608像素×160像素，不限制个数。

【双列图片模块】图片尺寸：296像素×160像素，不限制个数。

【模块内容】多用于分类，让客户在首页中可以更快地找到更贴合的宝贝导航，这样分流作用更明显。我们在装修模块的时候，要结合分类代表图，做好店铺产品分类。分类具体的设计包含两种：1、优惠券;2、宝贝分类。

设计双列图片模块的要点：

(1)需要清楚地罗列、展示店铺主推商品，文字信息等元素需要体现会场折扣商品，从而快速引导消费者购买。

(2)主要目的是让消费者快速进入承接页，达到分流的效果。

无线首页模块设置的方法一一介绍给大家了，那在做无线首页设计的时候需要注意哪些要点呢?

1、首页布局要结构清晰，设计页面清晰，实现浏览便捷，手机店铺首页是枢纽，结构模块少而精，便于客户快速读取。

2、各模块促销文字、产品卖点简洁清晰，手机受屏幕的限制，面积有限，所以呈现的内容更是有限，信息量过多，会导致消费者无法读取，带来的就是客户跳失。

3、爆a款推荐，让到店流量有更大的转化，手机端的客户访问行为决定了流量的精a准度，爆a款的推荐会让店铺流量集中。

4、首页色彩要统一协调、主次分明、递进，手机屏幕狭小，如果色调杂乱，客户体验会差很多，我们在做设计的时候一定要根据店铺的受众群，让整体风格保持一致。

5、优惠券设计，让到店用户感受大促氛围，提升转化率，优惠券在手机端，相比于PC端更有冲击力，有利于客户转化。

6、建立分类爆a款及其他分类专区，尽可能多地曝a光店铺商品，在分流的同时，可以让客户看到更多商品，在提升客户体验的同时，加深访问的价值。

我们在做无线首页设计的时候，一定要明确设计思路，先构思框架、再搜集素材。*后提醒：在进行首页产品布局分类时，建议以宝贝数量与流量大小来决定首页布局和模块功能，这样才能让首页装修更有*，让我们的客户看到更加有逻辑、更加清晰的无线店铺首页