在电商首页的设计中，常会将页面分拆成一个个模块，做好之后再拼合成整个页面，使首页看起来层次分明、架构明显。首页布局就是有目的的展示一些商品，并让顾客能够快速的找到商品，并完成电商形象的传递和营销的目的。

①形象展示。产品品牌是区别产品的重要标志之一，当顾客进入首页感受到这些差异并能够与其他首页有所区别，从而形成认知上的区分和对品牌的信任感。

②商品搜索。顾客从某一款商品页面进入首页时，意味着顾客可能有其他商品的消费需求，当顾客有明确的购买目的时，首页需要有搜索导购功能，帮助顾客快速方便地找到所需的商品。

③推荐和活动。当顾客无明确购买需求时，需要一些推荐和活动来激发顾客的潜在购买需求，例如：新商品的推荐、促销打折、搭配减价。如果店铺正在做这些活动，就需要在首页的明显位置进行展示，以吸引客户下单。

要了解电商首页的布局方式，首先要了解首页上出现的图像和问题以及其作用和联系，以下将着重分析首页的功能性模块：

■店招。其包含了店铺商品、店铺品牌、店铺价位等重要信息。顾客通过搜索进入产品详情页或者店铺首页，首页看到的是店招，这对顾客是否选择继续浏览起到了一定的作用，在设计店招时要注意品牌定位、产品定位和价格信息三方面。

■标志。品牌专营店一般会沿用商品品牌标志，或重新设计与品牌标志相符的标识，以达到达延续利用品牌效应的效果。

■导航。导航一般为方便顾客搜索商品而设置，主要分为隐形导航、半隐形导航和显形导航。隐形导航一般以全店产品和所有类目为标题，当鼠标移动到上面时才会显示所有类目，所占位置最小，不易被发现；半隐形导航主要设置几个主要的大类标题，鼠标移动到上面停滞后显示细分类目，比较容易被发现；显形导航一般出现在首页底部区域，给予顾客全面的产品类目提示对流量进行分流和引导。

■分类。分类和导航的作用类似，只是分类的展现会在更多产品页面的左侧得到展示，而导航仅在首页展示。分类可以使用纯文字，也可以使用图文结合的方式划分一级、二级栏目。

■活动Banner。常见的活动Banner有穿插型Banner，这种 Banner因为占用面积小，可以灵活的放在任意的位置，或者作为不同类产品之间的穿插间隔，有活动分流的作用。

■海报。海报也就是首页中较大型活动的展示，如果出现在首页第一屏，一般称之为促销图、店铺焦点图等。海报的特点是占用面积较大、内容丰富，一般当做品牌展示、新品展示、活动展示，还可以用作轮播形式循环播放。

■产品展示区。产品展示是将部分商品按照一定的顺序和规则排列出来，商品展示的框架可以根据不同产品的大小和独特的展示方式来设计。

■服务。为客户提供方便的自助购物，帮助和提供一定程度的售前和售后服务说明，可以提高客户的体验，减少客服的工作强度，减少客户服务需求的等待周期。服务模块放置在页面的最底端，也有一定的引导目的，也会给顾客增加信息，增加信任感。

■推荐。推荐模块主要完善首页内其他模块未能展现的产品，也可以是推广产品、增加预热产品或者主推产品的展现，增加产品的展现。

■活动展示。用活动展示模块来增加点击量、提升转化率，活动模块的展示方式直接影响销售情况。

■客服在线。客服在线模块是为了方便客户在浏览过程中可以随时有效可以得到解答与帮助。

■品牌。除了在首页的顶端设置店招和标志外，还需要有说明品牌和表现品牌的地方，以便增加客户对品牌的印象。

■收藏。收藏功能不仅仅局限于店招、导航、页尾，只要考虑好结构上的美观，都可以添加收藏按钮。

■返回。返回模块是为方便客户在浏览到页尾时，能够快速返首页头部重新浏览。

以上分析的首页15个功能模块是出现在大部分电商店铺中的，但并不是每一个模块都要出现在首页上，也没有绝对的表现顺序。我们在设计首页时，需要根据产品类目、产品列表、企业战略以及营销策略的不同，对这些功能模块进行重新排列组合，同时要根据浏览数据对页面布局做出动态调整，以期达到最优化的首页布局。

首页第一屏的设计上，要加强对品牌形象、LOGO、品牌产品优势、品牌服务优势、与同类产品对比的优势等方面信息的传达力度，同时需要加上主打产品的展示。注重诚信和口碑的信息传递，以增加顾客的购买信息，同时加以一定的促销活动信息推动顾客尝试下单。

促销性首页的特色是打折力度较大，促销产品具有性价比，单品转化率较高，单品库存量充足。为了达到促销效果，首页第一屏的内容基本围绕促销进行，因此促销模块需要上移，并且进行大量的堆砌，营造热卖的气氛。此类首页要有明确的导航帮助顾客进行查找商品，与明确的引导性产品海报、促销海报引导客户。