项目三 任务1网店首页布局（课件）-《电子商务运营基础实训》同步教学（机工版）

《电子商务运营基础实训》 （机工版） 同步教学 1 任务1 网店首页布局 2 网店首页的作用 01 CONTENTS 目录 02 03 网店首页的布局模块 网店首页的布局形式 一、网店首页的作用 网店首页的作用 布局合理的首页对于网店的作用 增加消费者信任感 店铺流量的中转站 增加网店吸引力 传递品牌形象 传达店铺活动信息 网店首页的作用 布局合理的首页对于网店的作用 （一）增加消费者信任感 精心设计的首页能让消费者在不知不觉中会提升消费者对店铺的信任度，而且商品的价值也能得到很好地体现。 店铺首页 网店首页的作用 布局合理的首页对于网店的作用 （二）传递品牌形象 网店的品牌形象是通过网店的整体视觉传递给消费者的，而网店首页是消费者对网店形成第一印象的重要区域，也是消费者在整个店铺当中访问量非常高的页面。 传递品牌形象 网店首页的作用 布局合理的首页对于网店的作用 （三）传达店铺活动信息 通过网店的视觉设计，卖家可以将主打商品或促销折扣商品在首页中的醒目位置展示，传达店铺活动信息，这也是提升销量的一种方式。 传达店铺活动信息 网店首页的作用 布局合理的首页对于网店的作用 （四）增加网店吸引力 首页精心的布局与设计可以让消费者在店铺中获得温暖、有趣、可爱、科技等感知，也可使消费者对店铺，甚至店铺中的商品产生好感。 增加吸引力 网店首页的作用 布局合理的首页对于网店的作用 （五）店铺流量的中转站 在首页布局时需要对流量进行合理疏导，帮助消费者快速找到目标商品，让店铺主推的单品获得更多的流量。 店铺流量的中转站 二、网店首页的布局模块 网店首页的布局模块 电脑端首页的常见模块 一般来说，网店首页被分为页头、内页和页尾三个部分。 电脑端网店首页构成 网店首页的布局模块 电脑端首页的常见模块 网店首页的布局模块 首页的内页——轮播海报区 电脑端轮播海报区一般会采用图片轮播的形式，通过横屏进行展示，既节约首页的空间，又可以利用多张海报图片宣传更多的主推商品和促销活动。 电脑端首页轮播区 网店首页的布局模块 首页的内页——轮播海报区 “七秒定律”：消费者会在七秒内决定是否有购买商品的意愿。 “一屏论”：所谓“一屏”指的是消费者在不滚动页面的前提下可观看的浏览面积，“一屏论”认为设计首页时应该让消费者在第一屏就能把最重要的信息看完整。 店招、导航条和轮播海报这三个模块共同构成了首页的第一屏。 电脑端首页第一屏 网店首页的布局模块 首页的内页——主推商品展示区 店铺视觉设计中有“黄金三屏”的说法，也就是把店铺中最想让消费者了解的信息和主推的商品安排在前三屏，其中第二屏的信息通常被用来向消费者推荐店铺的主推商品或热销商品。 电脑主推商品展示区 网店首页的布局模块 首页的内页——商品分类导航区 将商品分类导航区放置在店铺主推商品展示区的后面，不但可以让消费者在注意力开始下降的时候发现新的入口，也可以让错过了页头导航的消费者更加方便、精确地找到所需的商品。 电脑端商品分类导航区 网店首页的布局模块 首页的内页——商品陈列展示区 在商品陈列展示区，将商品图片设计成拼图的形式，或者在分类之间穿插几张美观的海报引起消费者的兴趣。 电脑端商品陈列展示区 网店首页的布局模块 移动端首页的常见模块 移动端首页包括店招、轮播海报、优惠券、分类导航、活动海报、分类商品、商品陈列等基本模块，每个模块都有其固定的作用，进行布局时可以使用不同的模块随意组合。 移动端首页布局结构 网店首页的布局模块 轮播海报模块 移动端轮播海报通过竖屏的形式进行展示，消费者进入首页就能看到精美的轮播海报，既符合网络消费者的浏览习惯，也能实现通过首页展示店铺整体形象的功能。 移动端轮播海报模块 网店首页的布局模块 分类导航模块 某电商平台在移动端首页提供了位置固定的商品分类菜单，但这个菜单只能调用电脑端网店设置的商品分类，如果电脑端和移动端网店销售的商品种类不同，就必须要创建自定义的分类导航模块。 移动端分类导航模块 网店首页的布局模块 新品推荐模块 对于老客居多的店铺来说，新上架商品的吸引力要大于推荐商品和热销商品，因此可以将新品推荐模块设计在比较靠前的位置。 移动端新品推荐模块 网店首页的布局模块 优惠活动模块 如果网店设置了优惠券、代金券、店铺红包等活动，尽可能地将这些模块放置在首页中。 移动端优惠活动模块 网店首页的布局模块 热卖商品模块 移动端热卖商品模块不要推荐太多的商品，建议放置两到三款有爆品潜力的商品大图，其余的商品用小图的方式作为陪衬。 热卖商品模块 网店首页的布局模块 页尾模块 页尾模块上的公告或保障承诺可以在一定程度上促使消费者下单。 页尾模块 三、网店首页的布局形式 网店首页的布局形式 电脑端首页布局形式 展示形象型 清晰分组型 视觉集中型 注重搭配型 信息丰富型 金字塔型 页面对称型 网店首页的布局形式 展示形象型 右图所示的布局是将店招和导航设计为宽幅的效果，将轮播模块设计为标准的尺寸大小，由此来迎合下方的信息内容。 展示形象型布局 网店首页的布局形式 清晰分组型 将店招、导航和轮播模块都设计为宽幅的画面效果，可以扩展消费者的视野，给人广阔的视觉感。 清晰分组型布局 网店首页的布局形式 视觉集中型 使用九宫格的布局方式对商品图片进行展示，将众多的商品一次性、等尺寸地展示在消费者的面前，有效地表现出各个商品的形象，能够使消费者将画面在短时间内形成一个整体，把注意力集中到画面上。 视觉集中型布局 网店首页的布局形式 注重搭配型 将店招、导航和轮播模块都设计为宽幅的效果，将相关的商品进行有创意的、合理的搭配，组合在一个画面中，形成一个完整的效果。 注重搭配型布局 网店首页的布局形式 信息丰富型 右图所示的网店首页布局中包含了小海报、优惠券、标题栏、商品图片和客服区，将首页中能够放置的信息合理地堆砌到了一起，使整个首页的信息展示相对来说比较丰富。 信息丰富型布局 网店首页的布局形式 页面对称型 该布局将画面进行纵向分割，形成了左右对称的效果，体现出一种稳定的氛围。 页面对称型布局 网店首页的布局形式 金字塔型 右图所示的网店首页布局，将广告商品在小海报中呈现出来，利用递增的方式对推荐商品区的图片进行设计。 活动商品区的图片通过逐一增加模块数量的方式打造出类似金字塔的布局效果。 金字塔型布局 网店首页的布局形式 移动端首页布局形式 头部卖家 聚流型布局 A 腰部卖家 分流型布局 B 尾部卖家 发散型布局 C 网店首页的布局形式 头部卖家：聚流型布局 头部卖家在设计页面时通常会选择聚流型设计，集中优势资源，打造爆款，极力扩大品牌影响力。 聚流型布局通常是选择将流量集中到某款商品上，以便打造出店铺的爆款或主推款，在短时间内提升店铺的影响力。 设计此类页面时，需要将爆款商品的宣传海报放在重点位置，营造出热销的气氛，使其成为首推商品。 聚流型布局 网店首页的布局形式 腰部卖家：分流型布局 分流型设计的重点在于通过明确的分类，指引消费者进入购物场景。 这样设计的优点是强化购物场景，唤醒购买欲望，促进加购。另外可以设置爆款推荐，进行个性化推荐，让消费者优先选择。 在设计页面时，卖家需要将重要的商品放在右侧，以便符合大多数消费者的移动端操作习惯。 分流型布局 网店首页的布局形式 尾部卖家：发散型布局 发散型布局是将为数不多的商品通通拿出来，给消费者营造一种品类丰富的感觉。 此类布局在操作上较为简单，同时也很符合移动端的界面特点。 发散型布局 谢谢观看 39 $$