🔍 01 · Zbanx-网站走查 · 全站功能审计（共 22 项）

走查覆盖 网站整体（7项）、首页分析（4项）、类目页分析（2项）、商详页分析（3项）、购物车页（1项）、活动页面（2项）共六大维度。每一项包含：调整项（C列）、问题描述（D列）、优化建议（E列）、品牌方反馈（G列）、对应区块/链接（H列）及现场截图。发现问题后，再通过功能模块框架逐一解决。

🔧 调整项（C列）
不同端口适配问题

⚠️ 问题描述（D列）
1.导航栏内容过多，图标多样，高度不统一，非常混杂
2.移动端左右侧安全距离不够，容易被裁切

💡 优化建议（E列）
1.统一导航栏图标及文字高度，使其和谐统一
2.移动端左右预留15-20px的安全距离

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
整站文案/图片/按钮

⚠️ 问题描述（D列）
1.没有实现图文分离，无法适配翻译插件
2.图片设计没有留出足够安全距离，导致主产品被裁切、CTA按钮被遮挡
3.移动端没有适配合适的图片，导致文字等比缩小，阅读困难
4.按钮样式多样繁杂，整站没有统一性

💡 优化建议（E列）
1.尽量图文分离，以便翻译插件识别翻译
2.图片设计上下左右预留安全距离
3.不同端口适配不同尺寸的图片
4.按钮分类、同类按钮统一样式

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
语言及货币切换

⚠️ 问题描述（D列）
1.语言、货币切换分离
2.语言、货币选项过多（几十个选项），且重要市场不在前列

💡 优化建议（E列）
1.语言货币切换功能合并，统一为按国家切换对应的语言及货币
2.精简国家选项，重要市场放前列

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
弹窗

⚠️ 问题描述（D列）
1.没有订阅弹窗，订阅区块仅在页面最底部，触达率低
2.提示有订阅折扣但不明显，且订阅后未有折扣码展示

💡 优化建议（E列）
1.使用插件，开启有折扣提示的订阅弹窗

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
Support

⚠️ 问题描述（D列）
1.缺乏最基本的Help Center

💡 优化建议（E列）
导航栏增加Support板块，包含FAQ、Manual Download、Order Track、Support Videos

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
政策

⚠️ 问题描述（D列）
1.政策不全，缺乏支付政策
2.政策展示无法自洽：Warranty Policy实际上是退换货政策，但首页表示2年保修
3.发货配送时间3-30天不等，部分时间过长

💡 优化建议（E列）
1.补充支付政策
2.修改首页保修权益
3.建议优化发货配送逻辑

📋 品牌方反馈（G列）
品牌方将会统一调整，需另立专题文件沟通

🔧 调整项（C列）
导航栏&Footer

⚠️ 问题描述（D列）
1.产品分类标准不清晰，分为坚固耐用系列及安卓系列
2.Footer缺乏产品类目、缺乏社媒列表

💡 优化建议（E列）
1.建议按使用场景、使用人群分
2.Footer部分增加产品类目

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
区块结构

⚠️ 问题描述（D列）
1.缺乏背书内容：品牌背书区块、顾客评论区块
2.各区块之间（特别是移动端）间距混乱，导致阅读割裂

💡 优化建议（E列）
1.增加品牌背书相关内容
2.调整各区块间，同一区块内各内容块间距

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
首页banner图

⚠️ 问题描述（D列）
1.上下左右安全距离不够，Banner文字与导航栏文字互相遮挡
2.活动重点权益不突出
3.移动端首Banner未单独配置图片，导致文案等比缩小，出现大片空白

💡 优化建议（E列）
1.Banner设计应留足安全距离、突出主权益、CTA按钮突出
2.M端单独设计配置图片

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
热卖产品瀑布流

⚠️ 问题描述（D列）
1.价格、折扣力度不突出
2.首图图片尺寸不统一，导致产品无法对齐
3.颜色区分不明显，排列不整齐

💡 优化建议（E列）
1.现价字体调大标红
2.统一各产品首图尺寸
3.去掉规格展示或者改为颜色图标展示

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
App介绍板块

⚠️ 问题描述（D列）
1.内容复杂不适合单独放在首页作为区块
2.几大功能在移动端没有引导切换按钮
3.下载按钮引导性不强，且点击后跳出，影响购物流畅性

💡 优化建议（E列）
1.APP区块单独建一个页面，入口合并进导航栏Support板块
2.需切换部分需要有切换引导按钮
3.APP下载入口放入产品手册

📋 品牌方反馈（G列）
新规划已将其合并至support页面

🔧 调整项（C列）
功能

⚠️ 问题描述（D列）
1.只能按价格及有无库存筛选，无法按标签及功能筛选
2.缺少优惠信息展示

💡 优化建议（E列）
1.增加按标签筛选功能
2.增加优惠信息展示

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
单品展示

⚠️ 问题描述（D列）
1.价格、折扣力度不突出
2.首图图片尺寸不统一，导致产品无法对齐
3.颜色区分不明显，排列不整齐
4.手机端评论与价格间间距过宽

💡 优化建议（E列）
1.现价字体调大标红
2.统一各产品首图尺寸
3.去掉规格展示或者改为颜色图标展示
4.调整产品间间距

📋 品牌方反馈（G列）
✔

🔧 调整项（C列）
连带销售

⚠️ 问题描述（D列）
缺乏组合购买推荐

💡 优化建议（E列）
增加组合购买推荐，每个单品绑定相关配件，促进连带提升，提高客单价

📋 品牌方反馈（G列）
✔

📐 02 · Zbanx-网站功能模块框架（12.28 定稿）—— 针对走查问题输出解决方案

针对走查发现的导航栏混乱、图文未分离、语言货币切换繁琐、缺乏 Support 体系、Banner 安全距离不足、折扣展示不突出等问题，按 Shopify 最佳实践重新设计全站功能模块。覆盖 网站全局、首页、类目页、商详页、Footer 与 特殊标签体系。每模块标注品牌方反馈（E列）、ZBANX 开发备注（F列）、对标网站参考（G列）及设计参考图。

🌐 网站全局

🏠 首页 （重点做网站分流，所有板块均可点击跳转）

区块/内容（C列）	开发重点（D列）	品牌方反馈（E列）	Zbanx备注（F列）	参考图
首页大banner	主推重点单品、大促活动入口。首屏大banner需要有2个以上的样式：① 一行一个，图文结合；② 一行2个，图文结合。移动端可配置单独的素材和文案	✔	开发
类目及活动入口	做为类目、常规活动的导航入口，固定版位，需要有按钮和交互	✔	开发
特色类目展示	① banner+商品的样式 ② 文字说明+商品的样式	✔	开发
活动专区	带氛围条、倒计时的专属活动产品露出，如Weekly Deal/Monthly Deal/Flash Sale	✔	开发
常规产品展示板块	New arrival、Best Seller等板块，固定一行，PC端极限呈现4个，超出左右滑动，需露出购物车、折扣比例、收藏	✔	开发
产品力	产品核心能力、技术实力、核心单品品宣视频等，点击至军工认证页面	✔	开发
Product Gallery	产品场景化展示板块，需能放图片或视频，视频不能外跳	✔	开发		image359.png
品牌介绍	品牌介绍概览入口，包括图+正文，点击跳转至about us落地页	✔	开发
Blog板块	露出3组blog文章概览，包括：图片、标题、正文概览等部分	YTB TT测评考虑从顶部导航下拉入口进入	开发
售后无忧
订阅条+弹窗设计	弹窗样式：恭喜您已成功订阅kospet，请使用您的专属折扣码（CODE：XXXX）

📂 类目页

区块/内容（C列）	开发重点（D列）	品牌方反馈（E列）	Zbanx备注（F列）	参考图
类目筛选功能	类目筛选排序逻辑（运营出规范后再输出）	✔	开发
标签化聚合	商品板块增加标签功能，可通过标签聚合出对应类目页	✔
SEO内容区块	增加类目的内容板块，以FAQ或Shopping Guide形式呈现，增加SEO内容	✔

📦 商详页（移动端流量占比 74%，以移动端为优先）

📋 Footer 栏目明细（行 27-38）

🔖 特殊标签体系 Badges（行 41-48）

标签（B列）	类型（C列）	打标规则（D列）	展示规则（E列）	示意（G列）
New	自动化标签	站内新品，上架时间为0-30天可自定义	1.给每类标签设置开关 2.折扣标签加选项：仅展示折扣力度30%以前的标签
Sale	自动化标签	折扣标签，显示原价和划线价对比后的百分比折扣
Sold Out	自动化标签	缺货标签，产品售罄时显示
Limited	手动标签	限量产品标签
Pre order	手动标签	站内存在预售商品时显示的标签
Custom Badge	手动标签	可在后台通过上传图片的方式自定义标签的样式、颜色等

备注（B48）：1.不同类型的标签可分别自定义其颜色 2.可勾选每个标签是否显示 3.形状样式根据设计样式来

ZBANX 这伴科技 · Shopify 建站全案服务 · 数据来源《KOSPET网站改版框架》工作表「Zbanx-网站功能模块框架（12.28定稿）」&「Zbanx-网站走查」· 完整还原每一行、每一列、每一张图片