01 / 需求与范围
先整理谁在使用，再明确这次交付什么。
原始需求同时涉及商品支持与购买、创作者的设计提交，以及注册、个人主页和后续运营。与合伙人共同梳理时，先拆开消费者和创作者的任务，再区分本轮已交付页面与后续链路。
本轮交付
Story Lab 首页、模板选择、创作设计页，以及尺寸说明、上传反馈和继续操作确认。
不把规划当作完成
商品详情、结账、协议、个人主页等在需求图中出现的后续节点，不作为本次已实现的功能展示。
02 / 两类用户路径
同一个入口，不同的下一步。
我想支持或购买作品
- 浏览 Story Lab
- 识别众筹、预售或现货状态
- 进入对应的支持、预订或购买路径
我想发起自己的创作
- 进入创作者入口
- 选择故事模板
- 配置配件并上传设计
- 进入后续信息填写与审核流程
这里呈现需求中的路径结构；不代表完整业务链路已经上线。
03 / 商品阶段与行动
先看清作品的阶段，再决定如何参与。
首页将作品分为众筹、生产预售和现货三个区域。每个区域保留与当前阶段相关的信息和行动，避免把不同承诺混在同一种商品卡片里。
Support the Story
焦点大图与右侧列表联动，突出剩余时间和筹资进度；缩略图帮助识别可切换的项目。
In Production
预售入口对应 Pre-Order，提前呈现预计发货时间，帮助用户建立等待预期。
On-Sale
现货提供快捷加购与 Buy Now；加购后用轻量反馈确认动作，而不是让用户猜测。
04 / 模板选择
让选择有参照，也有明确的完成状态。
模板卡片采用互斥单选。选择之前，Continue 保持禁用；选中后，通过边框突出当前选项、弱化其他卡片，并联动下方相关案例。
把模板的使用约束提前说明：设计过程中可以查看模板详情，提交之后不能再更换模板。
05 / 创作工作区
预览、配置和上传，在同一屏内闭合。
会后版本将配色选择与上传设计放在同一页。左侧预览对应右侧的配件颜色；下载模板入口放在设计说明附近，支持用户在本地完成文件后回到当前页面上传。
把复杂说明收进随时可查看的弹窗
包体尺寸、配件结构与设计区域不常驻主操作区。需要时打开说明弹窗查看，关闭后仍回到当前工作流；弹窗开启期间锁定底层滚动。
06 / 校验与确认
用状态告诉用户，还差哪一步。
三张上传卡片分别承载包体正面及卡片正反面的设计文件。格式、尺寸和大小要求靠近上传入口；拖入、加载、成功和失败状态分别给出反馈，失败后可重新上传。
按交互说明，三个必需文件全部上传成功后，才允许继续。进入下一步前再汇总文件与配色，提供返回检查的机会。
原稿状态示例中包含失败卡片，同时展示了激活按钮。这里按文字交互规则解释；开发验收时需核对这一处图文一致性。
07 / 交付与反思
交互判断由人负责，视觉生成辅助表达。
我从原始需求阶段参与，与合伙人共同完成需求梳理，再负责交互设计。视觉部分使用 AI 生成，并进行少量人工修改；本案例区分个人职责，不将生成的视觉全部归为手工设计成果。
项目目前尚未上线。后续应重点验证：用户能否区分三种商品阶段、模板选择是否易于理解，以及上传异常能否被发现并修正。这些是验证方向，不是已经取得的结果。
