任务二网店首页布局

1、移动商务视觉设计移动商务视觉设计项目四 网店页面设计目录任务一 店铺Logo设计任务二 网店首页布局任务三 商品详情页布局任务四 文案设计的六种思维任务五 表格排版任务六 图片切割与批处理点击进入任务导入 店铺首页如同专卖店，走入大门后一目了然店里陈列的商品是否是自己有意向购买的，或是直接能够看到哪些商品时当季推荐的，哪些品类的商品陈列在那个区域。因此，首页布局其实就是有目的的去展示一些商品，并让顾客能够快速找到他想要的商品，并完成店铺形象传递和营销的目的。任务二 知识目录一、首页布局的作用二、首页的模块分解产品品牌、店铺品牌是一家店铺与其他店铺有明显不同的特点。展示形象当顾客有明确购买目的时

2、，首页需要有搜索导购功能，帮助顾客快速方便地找到所需的商品。商品搜索当顾客无明确购买需求时，需要一些推荐和活动来激发顾客的潜在购买需求。推荐和活动zzzzzzzzz一、首页布局的作用品牌定位。品牌主要通过店铺文字、产品品牌名字、品牌经典Slogan等几个方面体现。产品定位。产品定位主要通过有代表性的产品展示、模特展示、穿着效果展示等来体现。价格信息。价格信息与品牌定位有一定的联系，有的品牌通过打造自己有价值的视觉传递去淡化价格信息，这是高价位品牌的普遍做法。zzzzzzzzz二、首页的模块分解（店招）Logo是一家店铺的标识，品牌专营店一般会沿用商品品牌Logo,或为网店重新设计与品牌Logo

3、相符的标识，已达到延续利用品牌效应的效果。多品牌商品的店铺，因为无法沿用某一品牌的Logo，再加上商品可能经常调整变动，可以打出自己的店铺品牌Logo。如果是自有品牌，那么更应该注重Logo的设计。zzzzzzzzz二、首页的模块分解（Logo）首页并不能囊括所有的内容和功能，比如品牌故事、信用评价、会员制度等，无法直接在首页上全部展示，而是在其他的自定义页面进行展示，因此，通栏的作用是将这些自定义页面用清晰明确的方式进行介绍，并让顾客马上可以点击进去。同样，通栏的位置一般是放在店招的下面，高度一般不需要太高，字体能够看清晰为限，不需要占用过多篇幅，通栏的自定义页面的数量也不是越多越好，一般我

4、们会设置有限的数量，让字体不至于排的国语密集，有助于顾客看清楚。zzzzzzzzz二、首页的模块分解（通栏）zzzzzzzzz二、首页的模块分解（导航）隐形导航半隐形导航显形导航店铺的分类也是起到跟导航类似的作用，只是分类的展现会在更多产品页面的左侧同样得到展示，而导航仅在首页展示。zzzzzzzzz二、首页的模块分解（分类）zzzzzzzzz二、首页的模块分解（活动banner）海报的特点是占用面积大，且内容丰富，一般用作品牌展示、新品展示、活动展示，还可以用轮播形式循环播放。zzzzzzzzz二、首页的模块分解（海报）zzzzzzzzz二、首页的模块分解（产品展示）店铺首页的下方，服务模块

5、为客户提供方便的自助购物，帮助和提供一定程度的售前、售后服务说明；提高客户体验、减少客服工作强度；减少客户服务需求的等待周期。服务模块如果放在页面最低端也有一定的引导目的，一般顾客如果看到页面的尾部还未点击商品进入，那么信任感可能是一个很大的因素，在这里服务模块会给顾客增加信心、增加信任感。zzzzzzzzz二、首页的模块分解（服务）推荐模块主要完善店铺内其他模块未能展现的产品，也可以是店内正在推广的产品，可以增加预热产品或主推产品的展现，增加产品展现。zzzzzzzzz二、首页的模块分解（推荐）活动模块的展示方式直接影响到店铺的销售情况，好的活动及展示方式也是增加活动效果的主要手段。zzzz

6、zzzzz二、首页的模块分解（活动展示）旺旺模块是为方便客户在浏览过程中随时有客服的需求而提供的。zzzzzzzzz二、首页的模块分解（旺旺在线）在页面上除了Logo和店标外，还有说明品牌、表现品牌内容的地方，如下图所示，是莎鲨家纺首页第三屏部分。反复提醒顾客店铺品牌，加深顾客对品牌的印象，是一种值得借鉴的方式。zzzzzzzzz二、首页的模块分解（品牌）提示顾客收藏的地方，不仅仅局限于店招、导航、页尾，只要考虑好结构的美观，都可以添加收藏按钮。值得一提的是，店铺收藏对于非目标性用户来说，点击并不是很高。zzzzzzzzz二、首页的模块分解（收藏）返回模块是为方便客户在浏览至页尾时，能够快速返回页头重新浏览或者下单而设计的。zzzzzzzzz二、首页的模块分解（返回）技能实训网店首页布局规划一、实训目标掌握网店首页的布局模块。二、实训描述1.