首页装修的好坏将直接影响买家的购物体验、停留时间和店铺的转化率。首页模块一般包括店招、导航、海报、客服、分类、产品陈列、页尾。是顾客在浏览页面时全程展示唯一不变的品牌信息：（图1）的店招展示了品牌，这里我给大家例出了店招上可以放置的内容供大家根据实际情况参考借鉴（图3）”很多卖家确实做了块带有活动信息的店招。进入（图6）页面进行操作”中选择对应的店铺类型、填入店标尺寸，然后打开淘宝图片空间“
6.18年中大促近在眼前，对于很多报上活动的店铺来说：预热、老客维护、推广、客服售后，满满的日程早已安排好，实力店铺想在618赚上一笔并非难事。这可眼红坏了我们这些没能报上活动的中小卖家。
眼看大波流量来袭: 如何刺激买家来购买？如何提高买家的页面访问深度？如何提高产品的转化率？这些主要涉及以下几个方面：1.店铺首页布局；2.详情页制作；3.活动承接页制作；4.无线端设置。本篇将跟大家聊一聊大促前夕店铺首页的优化。
店铺的首页就相当于实体店的门面：体现店铺形像、展示商品和导购信息。首页装修的好坏将直接影响买家的购物体验、停留时间和店铺的转化率。
首页模块一般包括店招、导航、海报、客服、分类、产品陈列、页尾。下面会针对各模块给出相应设置建议。
一、店招
店招作为品牌的展示窗口，一般位于网页的最上端。高度为120PX（PX=像素），宽度为：天猫990PX，淘宝950PX。是顾客在浏览页面时全程展示唯一不变的品牌信息。对于店招的设计我们首先来看两个案例：
（图1）
（图2）
通过对比，我们发现：（图1）的店招展示了品牌，但卖什么？有什么活动？顾客无法获知，白白浪费了一个能全店展示的大好广告位。再看（图2）的店招，顾客不仅可以了解到什么品牌、卖什么，更了解到了店铺6.18即将上演的大促活动，大大增强了顾客进一步了解的探知欲，浏览时长、点击转化率更高。
由此，店招的设计，内容可以多一些，这里我给大家例出了店招上可以放置的内容供大家根据实际情况参考借鉴（图3）。
（图3）
一般来说，大促时放置“领券/红包、活动告知、活动单品”比较能够吸引眼球。当然，也不是内容越多越好，以不影响视觉美观及可阅读性为准。（图4）
（图4）
说到这里，我们了解到很多中小卖家基本的PS功底还是有的，但对代码及相关工具比较陌生。很多卖家确实做了块带有活动信息的店招，但买家点击后发现居然是死链，直接跳失了，这么一来做了还不如不做。
为避免这样的杯剧，同时为了保证让大家操作起来更方便，我推荐大家用在线布局工具。这里我给大家介绍的在线布局工具是：盛夏科技（）。（图5）
（图5）
以下是具体操作步骤：
1.点击右上方“免费在线应用”，进入（图6）页面进行操作。
（图6）
2.首先在“主配置”中选择对应的店铺类型、填入店标尺寸，然后打开淘宝图片空间，复制店招图片地址，填入“主背景图”栏中。
（图7）
3.这时，店招会出现在布局页面中。然后，在“工具集”中点“热点层”，会出现一个（图8）方形选框。
（图8）
4.用鼠标将方形选框拖移到对应的产品上，调整大小（图9的1-2），然后复制对应的产品链接至“点击链接”中（图9的3）。同理，做出第二款产品的链接。（注意：这里不仅可以放产品链接，若是推广活动，还可以链接入我们的活动承接页）
（图9）
5.这里，给店招加热点的工作就完成了。点击“生成代码”，生成对应的集市或天猫店铺的自定义代码（图10）。
（图10）
6.将代码复制后，打开网店首页装修模块，编辑自定义店招，选择源码、粘贴（图11）。
（图11）
7.确认发布以后，我们的店铺就可以有一个可以打开推广链接的招牌了。
二、导航
导航作为店铺的索引，如同商场的楼层指示牌上面所列出来的分类，是为方便顾客搜索商品而设置。
网店的导航，高度为30PX，宽度为：天猫990PX，淘宝950PX。跟店招一样，也是全店显示的。作用是为了方便顾客快速选购（需要清晰罗列品类结构）、让顾客在店铺内无障碍跳转（需要缩短购物路径）。
大促期间的导航，除了平时的分类外，还可以添加大促专题栏，以便迅速传递店铺活动信息、提高买家停留时长、提升店铺转化率。（图12）
（图12）
三、海报
海报呈现于首屏（即第一屏），故而又被称之为首焦。宽度：淘宝（旺铺专业版）950PX，天猫990PX；通过代码（可用在线布局工具里实现）或铺旺智能版，可设置最大宽度；高度建议450-650PX之间（首屏内尽可能展现完整首焦）。一般用来展示店铺最重要的信息：活动、新品。
因海报所处的重要位置，大促期间的海报，要注意突出：
1.活动主题，甚至可以搞预热，以吸引买家关注。（图13）
（图13）
2.活动利益点，很多店铺都有这样的活动，但是没有展示出来。包括：店铺的营销活动、产品的优惠、优惠券、折扣、甚至顺丰包邮等等一些买家所关注的点。（图14）
（图14）
3.营销紧迫感，包括：限时抢购、前*免单、前*名送等等。（图15）
（图15）
另外，在海报的设计方面，要注意几点原则：1.活动主题明确突出；2.色彩层次分明；3.元素关联烘托；4.设计简明清晰。
在操作方面，非智能版店铺想实现大屏海报的轮播效果，这里还可以继续利用前面所讲到的盛夏在线布局工具：1.点击“工具集——图片轮播”；2.填入在“主配置——主尺寸”中填写海报尺寸；3.在“画布1”“画布2”中分别添加淘宝图片空间对应的图片地址（图16）。
（图16）
最后，生成代码粘贴到店铺首页自定义模块中去，就可以实现大屏海报的轮播效果了。是不是也很简单呢？！（图17）
（图17）
四、客服&分类导航
某些产品品类（如服装、食品类目）由于店铺产品多、分类也多，店铺的首页通常制作的较长，顾客在浏览过程中可能会不断想咨询，或者会浏览疲劳、想要更快找到自己想要的产品，这时要注意给产品做导流。
给大家三点建议：
1.每隔2-3屏插入一次客服及分类导航（图18）；
（图18）
2.给顾客提供多元素的分类导航方式，可以按销量、价格、新品、优惠、人群等，给顾客更多不同的实时体验（图19-21）；
（图19）
（图20）
（图21）
3.不要出现死链和空链。可以继续使用在线布局工具建热点加链接，但设置完之后记得一定要检查。
五、产品陈列
产品陈列具有：展示商品、刺激销售、方便选购、美化购物环境等作用。首页做的好不好，大多是由产品陈列的好坏决定的。
（图22）、（图23）同样都是卖水果，哪家店铺首页你会更有耐心的去逛呢？
（图22）
（图23）
因此，给大家总结商品的陈列要注意的几点：
1.高销量、高转化、活动中的产品排前，主推品尽量放在好的展现位置，每屏放一款重点产品；（图24）
（图24）
2.按楼层分类的产品排列方式、方向要保持一致。（图25）中下图是不是比上图的陈列方式更清晰、便于选购？
（图25）
六、页尾
首页页尾，位于网店页面的最下端，和店招、导航一样，也是全店显示的。页尾的宽度为：天猫990PX，淘宝950PX。是广大卖家极易忽略的模块。
页尾的设计内容包含：品牌宣导、客服导购、分类导购、收藏/关注/搜索、返回首页等等。
无论日常还是大促中，页尾的作用体现在：
1.形成首页访问的闭环（拉回即将跳出店铺的顾客）；
2.加深顾客印像（让一部分人记住店铺、一部分人收藏店铺）；
3.继续分流导购。
同时页尾在详情页中也能起到了相同的作用。（图26）
（图26）
最后，补充说明：在看一家店铺时最先吸引住我们眼球的其实是他的色彩布局和搭配，其次才会去看他的细节和文字。好的色彩运用可以影响顾客心理、提升顾客的消费冲动。推荐的大促色有：红、橙、黄、紫，更有热闹的多色混搭（这里提醒大家小心使用色彩，如无把握同一页面色彩最好不要超过三种）。
嗯，我们不妨看下同一家店铺日常装修（图27）跟大促装修（图28）在色彩运用上的区别。感受一下到底哪款让你更有购物冲动呢？
（图27）
（图28）
通过本篇，希望大家能get到实用的点，抓住大波流量来袭的机会，从视觉出发做好您的首页，实实在在提升买家的购物体验、提高店铺访问时长和转化率。6.18，心动不如行动，大家动起来，愿亲们的店铺大卖呦！
PS：我们的亲爱的收看圈课的朋友们，感谢大家对我们的关注和支持！希望我们的资讯推文能给大家提供有帮助的信息，也希望大家能为我们的一心一意留下您的一言一语，让我们在一问一答中共同进步。我们将对上一周的留言及问答进行整理并细心回复或者于下一周以文章的方式发布，期待您的发言哦。
标签： #店招
评论列表