店铺首页装修：手机端优先，五个模块讲清“这家店卖什么、该看哪里”

店铺首页曾经是电商设计师最花心思的地方：一屏一屏的大海报，复杂的动效，每逢节日全部重做。现在情况有些不同了，大部分买家从搜索和推荐直接进入商品详情页，首页的访问量占比下降了。

但首页并没有变得不重要。会进入首页的，往往是对店铺有兴趣、想多看看的人：老客户、看完一个商品想看看还有什么的人、通过店铺搜索进来的人。这部分人的购买意愿通常更高。首页要做的，是让他们快速找到想要的东西，而不是让他们欣赏一张海报。

手机端优先

绝大多数访问来自手机，首页的设计和检查都应该以手机端为准。几个基本原则：

• 设计宽度：手机端装修常用 750 像素宽度进行设计，具体以装修后台的模块说明为准；
• 一屏一个重点：手机屏幕小，一屏只讲一件事；
• 文字要大：海报上的文字在手机上显示会缩小，正文字号要足够大；
• 控制长度：首页模块不宜过多，滑动五六屏还没看到商品，很多人就离开了。

推荐的模块顺序

这个顺序的逻辑是：越往上，越服务于“快速决策”的人；越往下，越服务于“想深入了解”的人。

店招：简洁就好

店招在页面最顶部，空间很小。常见的错误是把店招做得太满：Logo、口号、优惠信息、收藏按钮全挤在一起。店招只需要两样东西：品牌 Logo 和一句定位（可选）。优惠信息放到下面的模块里。

轮播海报：最多三张，每张一件事

轮播海报是首页最显眼的位置，也最容易被滥用。我们的建议：

• 数量控制在 1–3 张：轮播的第三张以后，几乎没人会看到；
• 每张只讲一件事：一个新品、一个活动、一个系列，不要在一张海报里塞三个商品和四条优惠；
• 商品要大：海报上的商品应该是视觉中心，而不是被大字和装饰包围；
• 文字层级清楚：一个主标题，一行副标题，最多一个按钮或引导；
• 及时更新：活动结束后海报要立刻换掉，过期的活动海报是首页最大的减分项。

海报的设计风格要和店铺整体视觉一致，色彩和字体的统一方法可以参考 品牌视觉一致性规范。

分类导航：用买家的语言

分类导航决定买家能不能快速找到想要的东西。几个要点：

• 分类名称用买家搜索的词，而不是内部的系列名。“保温杯”比“XX 系列”好找得多；
• 分类数量适中：一般 4–8 个，太多就失去了导航的意义；
• 配图统一：每个分类入口配一张代表商品图，背景、角度、商品占比统一；
• 可以按场景分：家居类店铺可以按“客厅、卧室、厨房”分，比按材质分更直观。

主推和新品模块

主推商品模块是首页转化的核心。商品图使用主图即可，但要注意：

• 同一模块中的商品图风格要统一，白底就都用白底，场景就都用场景；
• 商品数量适中，手机端一行两个，一个模块放 4–8 个；
• 价格和标题由平台展示，不需要在图片上重复写。

新品模块主要服务于老客户。可以单独做一张新品海报，或者用统一样式的商品卡片展示。

首页的“千人千面”

平台的店铺首页支持一些智能推荐模块，可以根据访客的浏览和购买行为展示不同的商品。这类模块的好处是省去人工维护，缺点是视觉风格不好控制。我们的建议是：首页上半部分（店招、主海报、分类导航）由人工精心设计，保证品牌形象；下半部分的商品推荐可以交给智能模块，提高商品和访客的匹配度。两者结合，既有品牌感，又不浪费流量。

用数据判断首页有没有用

装修后台和生意参谋等工具可以看到首页的访问量、各模块的点击情况、首页带来的成交等数据。改版前后各观察两到四周，重点看：

• 首页的跳失率是否下降；
• 各模块的点击分布：如果分类导航几乎没人点，可能是分类名称不清楚；
• 首页带来的商品访问和成交是否增加。

避开大促期间做对比，大促流量的结构和平时差别很大。

大促期间的首页

大促期间首页通常需要更换为活动版本。建议：

• 提前准备好活动版首页，活动开始前一天切换；
• 活动版首页同样遵循“一屏一件事”的原则，不要因为是大促就堆满所有信息；
• 活动结束后立即切换回日常版本。

大促的视觉节奏安排可以参考 双十一视觉作战室。

素材准备

首页需要的素材包括：轮播海报、分类入口图、系列场景图等。海报可以先用 营销主图工具 生成几个版式方向，再由设计师调整文字和细节；分类入口图需要统一风格，可以用 AI 抠图 把商品统一处理到相同的背景色上。