跨境服装社区团购平台 — 网站设计方案

软件栈：前端门户/独立站：Shopify（Online Store 2.0 + Hydrogen 可选）｜分销端：Airmart（一人一店）｜中台：自建轻量服务（Webhook & 数据汇聚）

0. 目标与原则

• 目标：打造“品牌展示 + 社区转化 + 团长分发”的跨境服装平台，独立站承担引流与信任背书，Airmart 承担团长闭环转化与履约协同。

• 用户：消费者（美国华人/亚裔）、社区团长/宝妈、品牌供应商、内部运营。

• 原则：移动优先、极简下单、清晰尺码、物流可视化、内容驱动、低代码集成、合规透明。

1. 信息架构（IA）与站点地图

1.1 独立站（Shopify）

• 首页 Home

• 分类 Category（女装/男装/童装/大码/国风/新品/特惠）

• 商品 PDP（尺码对照/材质/版型说明/模特信息）

• 合集 PLP（团购热销/社区口碑/季节专题）

• 社区团购入口｜Find your Community Leader（根据城市/邮编匹配团长）

• 团长招募｜Join as Leader

• 供应商入驻｜Vendor Onboarding

• 关于我们/保障｜About/Assurance（质量问题处理SLA、免责说明）

• 帮助中心｜Help Center（下单指南/物流/售后）

• 账号/订单追踪｜Account/Track Order（聚合展示跨境物流节点）

• 博客/内容｜Style & Fit（穿搭、版型教学、社区故事）

1.2 团长端（Airmart）

• 团长店铺首页（头像/地区/发货周期/自提点/售后规则）

• 团长专属商品合集（平台推品 + 团长自选）

• 批次团购活动页（截单时间/预计到货/物流状态）

• 订单管理（待支付/已支付/待分发/售后）

• 客户管理（名单/标签/复购提醒）

• 结算中心（佣金、提现、报表）

• 素材库（海报、短视频、话术模板）

2. 核心用户旅程（Flows）

2.1 消费者

1. 进入 Shopify 首页 → 浏览专题 → 搜索/筛选 → 查看 PDP

2. 点击**“查找团长”** → 输入邮编 → 匹配最近团长（或选择“直购”）

3. 加入购物车 → 选择“团长自提/本地派送/直邮（如提供）”

4. 付款（RMB 标价 + 支付提示；或团长店铺本地价）

5. 订单页显示：国内交付完成 → 国际运输中 → 团长已收货 → 待自提/派送

6. 收货后 7 天触发复购优惠推送 + 评价引导

2.2 团长

• 招募 → 审核 → 开店（Airmart 模板一键装配）

• 选品（平台推荐 + 本地偏好）→ 发起批次团购（截单/预计到货）

• 承接订单 → 对接平台物流批次 → 收货 → 分发 → 售后

• 佣金自动结算 → 数据看板复盘（热销/尺码/退货原因）

2.3 供应商

• 提交资质 → 商品资料（图/文/尺码/面料）→ 平台审核

• 接单 → 发菜鸟驿站 → 回传国内交付单号

• 质量问题工单协作（SLA）

3. 页面原型（Wireframe 要点）

3.1 首页（Shopify）

• Hero：品牌主张 + 核心价值（亚洲版型/社区团购/质量保障）

• Quick Finder：按版型/身高体重/场景（通勤/亲子/国风）快速入口

• Find Your Leader：邮编输入 → 推荐团长卡片（评分/自提点/截单周期）

• Hot Drops：当季热销合集

• Assurance：质量问题处理、尺码无忧（明确政策）

• UGC：社区穿搭秀/评价

• Footer：帮助中心、招募入口、合规声明

3.2 PDP 商品页

• 大图轮播（模特三围/试穿尺码）

• 价格模块（人民币标价 + 团长价/活动价）

• 尺码助手（输入身高/体重/体型 → 推荐尺码）

• 版型说明（宽松/修身/落肩等 icon 描述）

• 物流时效卡片（当前批次预计到货时间轴）

• 质量政策与退换说明（图标化）

• 关联推荐（同版型/同面料）

3.3 团长店铺首页（Airmart）

• 团长名片（地区/评分/公告/自提地址/服务时段）

• 批次倒计时（截单 & 到货）

• 精选合集/热销排行榜

• 群聊入口/订阅（短信/WhatsApp/邮件）

4. 视觉与组件（Design System）

• 品牌调性：现代东方（净白/墨黑/胭脂红/雾蓝），留白 + 细线条

• 字体：中文 Noto Sans SC；英文字体 Inter/Helvetica

• 组件库：按钮（主/次/幽灵）、标签、进度条（物流）、步骤条（下单）、尺码选择器、团长卡片、评论卡片

• 动效：轻量过渡，进度条与倒计时强调“批次感”

5. Shopify × Airmart 集成架构

5.1 路由与跳转

• Shopify 顶部入口“社区购买”→ 根据邮编重定向到对应 Airmart 店铺（UTM 保留）

• Airmart 店铺回链到 Shopify 帮助中心/品牌故事/招募

5.2 数据与支付

• 商品主数据以 Shopify 为准，通过定时 Job 同步到 Airmart（SKU/图/尺码/库存标签）

• 订单：Airmart 侧成交为主渠道，Shopify 承接直购与引流

• 支付：RMB 通道（国内支付）+ 团长店铺本地方式（如 Stripe/PayPal/离线）

5.3 Webhook & 中台

• 事件订阅：创建订单、履约状态更新、退款/售后创建

• 中台汇聚：生成跨境可视化进度（国内交付→国际运输→团长收货→分发），回写两端

6. 功能清单（MVP → V2）

MVP（0-8 周）

• Shopify 主题搭建（OS 2.0，PDP 模块化）

• “查找团长”最小版本（邮编 → 团长卡片列表 → 跳转 Airmart）

• Airmart 店铺模板（统一组件/素材包/政策）

• 物流进度展示（静态时效 + 批次倒计时）

• 招募表单（团长/供应商）

• 基础分析：GA4 + Meta/TT 像素，渠道归因

V1（8-16 周）

• 尺码助手（表单规则 + 简易推荐逻辑）

• 物流进度半自动（批次表 + 状态手动更新）

• 评价系统（含 UGC 图片）

• 团长 CMS 素材包（海报生成器，二维码/截单时间自动生成）

V2（16-24 周）

• 团长选择“预售批次”创建器（限时/限量/到货窗口）

• 物流进度自动化（对接合作物流 API）

• CRM：到货前/后触达、延误预警、复购提醒

• 数据看板：热销款、尺码分布、退货原因、转化漏斗

7. 关键模块方案

7.1 查找团长（Find Leader）

• 输入邮编 → 最近团长（距离/评分/截单周期/自提点）

• 备选：按城市/自提点筛选；无团长则引导“申请成为团长”

7.2 批次团购机制

• 每个商品/合集关联“批次”对象：{截单时间, 预计国内交付, 预计到港, 预计分发周}

• PDP 展示该批次的时间轴 + 倒计时

7.3 物流进度可视化

• 统一样式：国内已交付 ✓ → 国际运输中 → 团长已收货 → 待自提/派送

• 订单详情与短信/邮件同步节点更新

7.4 售后与政策

• 明确“不退不换，但质量问题保障”条款卡片（PDP/结算页皆展示）

• 质量问题工单流：消费者 → 团长 → 平台 → 供应商（SLA 时限）

8. SEO/内容与拉新

• 结构化数据：产品、评价、FAQ

• 长尾词：亚洲版型、中文关键词/拼音、城市名 + 团购

• 内容：尺码与版型知识库、社区故事、团长专访

• UGC：开箱/穿搭征集（话题 + 抵扣券）

9. 法务与合规提示（前端展示）

• 价格与币种声明（RMB 结算说明）

• 物流与交付边界（国内交付完成点）

• 质量问题处理流程与时限

• 隐私政策/使用条款/数据 Cookie 提示

10. 指标体系（北极星 & 运营 KPI）

• 北极星指标：月度活跃团长数 × 团购批次数 × 批次转化率

• 关键运营指标：客单价、尺码推荐命中率、到货周期、复购率、质量问题率、NPS

11. 技术与插件建议

• Shopify：OS 2.0 主题、Search & Discovery、Judge.me（评价）、Langify（多语言可选）、GDPR Cookie Bar

• 表单/自动化：Shopify Forms 或 Typeform + Make/Zapier

• Airmart：店铺模板、批次/拼团、优惠券、客户标签

• 追踪：GA4/Meta/TT/UTM 标准化

12. 上线节奏与交付物

• 第 2 周：IA/原型确认、主题选型、Airmart 模板

• 第 4 周：MVP 可用，打通“查找团长→下单→批次展示”

• 第 8 周：V1 上线，尺码助手/评价/素材包

• 第 16 周：V2，上线物流自动化与 CRM

13. 附录：文案与组件示例

• Hero 标语：“亚洲版型，社区直达。”

• 价值点 Bullet：合身/精选/省心/可视化物流

• 政策短句：“不退不换，质量问题无忧保障 7 天内处理。”

• 团长卡片字段：头像｜城市｜评分｜截单周期｜自提地址（地图短链）｜联系按钮