痛点（Pain Points）
品牌叙事不统一
占位：不同渠道表达不一致，导致用户认知分散。
设计系统缺失
占位：组件与样式无法复用，上线质量参差不齐。
跨端体验断层
占位：桌面端好看但移动端难用（或反之）。
开发效率被拖累
占位：缺少规范与组件库，开发/改版成本过高。
方法（Method Steps）
品牌与视觉基线
占位：定义颜色、字体、间距、组件规范与语气。
组件库与版式
占位：沉淀可复用组件与页面版式模板。
跨端响应式实现
占位：桌面/移动统一信息结构，适配不同交互习惯。
可持续演进
占位：建立设计-开发协作流程，持续完善系统。
交付物（Deliverables）
| 交付物 | 说明 | 形式 |
|---|---|---|
| 视觉基线（Tokens） | 占位：颜色/字号/间距/阴影等 | CSS/SCSS |
| 组件库 | 占位：按钮、卡片、表单、导航等 | React 组件 |
| 页面模板 | 占位：列表页/详情页/落地页模板 | Next.js 路由 |
| 协作规范 | 占位：命名、分支、评审与发布流程 | 文档 |
周期与报价（Timeline & Pricing）
参考周期
第 1 周：基线与组件（5-7 天） — Tokens + 核心组件
第 2 周：模板与路由（5-7 天） — 页面模板
持续：迭代与扩展（按需） — 持续演进
参考报价
启动版：￥X,XXX 起
占位：先做核心组件与基础模板。
系统版：￥XX,XXX 起
占位：覆盖更多组件与跨端页面。
团队版：按月/季度
占位：持续扩展组件库与规范。
常见问题（FAQ）
能与现有设计稿对齐吗？
占位回答：可以，优先迁移核心页面，逐步替换旧组件。
需要重写整个站吗？
占位回答：不一定，可采用渐进式迁移策略。
组件库会不会太重？
占位回答：会按实际使用裁剪，避免过度抽象。