流程说明
为什么流程要写清楚
流程清楚的好处是双方都知道下一步是什么,不会在中途出现预期落差。每个阶段结束都有一份可确认的文件,你在文件上点头,项目才往前走。
本页覆盖网站开发、移动应用设计与品牌视觉识别三类项目。不同项目的深度不同,但阶段顺序与确认节点一致,你可以对照自己的项目类型来读。
查看常见问题五个阶段与确认节点
每个阶段做什么、要你配合什么、产出什么
下面五个阶段按顺序推进。每个阶段结束都有一份明确文件,确认后才进入下一阶段;排期从第一阶段的范围说明确认后开始计算。
需求沟通与范围确认 第一阶段
第一次沟通通常四十五分钟到一小时,聊清楚目标、时间、预算区间和已有素材。你不需要提前准备完整需求文档,把现状和问题讲清楚就够了。之后我们会给出一份范围说明,写明做什么、不做什么、分几个阶段、每阶段交付什么。这份文件确认后,项目才正式排期。
你需要配合
讲清目标、时间与预算区间,确认项目决策人。
本阶段产出
范围说明:范围边界、阶段划分、每阶段交付清单。
信息架构与内容梳理 第二阶段
这一阶段确定页面清单、层级关系和每页要承载的内容。我们会整理现有素材,标出缺失的部分。网站项目在这一步会定下导航结构和主要路径;应用项目会列出核心任务清单。产出是一份结构文档,作为后续原型设计的依据。
你需要配合
交出已有文字、图片与数据素材,确认缺失清单。
本阶段产出
结构文档:页面清单、层级关系、导航结构与核心任务。
原型设计与确认 第三阶段
原型在 Figma 里做成可点击的版本,你可以像真实用户一样走一遍流程。这一阶段通常改两到三轮。改原型比改开发完成的页面便宜得多,所以我们会在这里多花一点时间确认。原型确认后,界面设计才有稳定依据。
你需要配合
按约定时间走一遍可点击原型,集中给出反馈。
本阶段产出
可点击交互原型,通常经两到三轮修改后确认。
视觉设计与设计系统 第四阶段
视觉设计在原型基础上进行,同时建立设计系统:颜色、字体、间距、组件状态定义成可复用的规则。网站项目会同时给出手机、平板、桌面三种尺寸的界面稿。应用项目分别处理 iOS 与 Android 的交互细节。品牌项目在这一阶段输出矢量资产,用 Adobe Illustrator 制作,确保印刷和大幅面输出的质量。
你需要配合
在视觉稿上确认风格方向,通常两轮内定稿。
本阶段产出
各尺寸界面稿、设计系统规则、品牌矢量资产。
开发、测试与上线 第五阶段
开发按确认的设计稿实现,测试包括各尺寸下的显示、表单提交、链接跳转、加载表现。无障碍检查在这一阶段复核,包括对比度、键盘操作、文本替代。上线后我们提供一段时间的支持期,处理上线初期发现的问题。具体时长在合同里写明。
你需要配合
提供上线所需账号与域名信息,安排验收时间。
本阶段产出
上线站点或应用,附测试记录与支持期说明。
配合与节奏
你需要配合的事项
每个阶段都需要你在约定时间内给出反馈。反馈集中提供比零散补充效率高得多。内容素材(文字、图片、数据)如果由你方提供,需要在对应阶段前准备好。素材延迟是项目延期最常见的原因。
如果需要内部审批,建议提前确认决策人是谁,避免反复。
反馈方式
一次汇总提交,避免同一阶段反复修改。
素材准备
在对应阶段开始前交付,是控制工期最有效的一步。
修改轮次与变更处理
关于修改次数和变更
每个阶段的修改轮次在范围说明里写明。原型通常两到三轮,视觉设计两轮。超出范围的调整会作为变更处理,重新评估时间和费用。这不是为了限制,而是让双方对工作量有清晰预期。
需求本身发生方向性变化时,我们会建议重新确认范围。方向变了,前面确认过的结构文档与原型也需要同步更新,否则后面的开发会建在过期的依据上。
如果一轮反馈里既有小修也有方向调整,我们会先把方向问题谈清楚,再一起处理细节,避免两件事互相覆盖。
启动前的常见疑问
流程相关问题
需要提前准备完整的需求文档吗? 展开
不需要。第一次沟通把现状和想解决的问题讲清楚就够了,范围说明由我们在沟通后整理。你只需要确认范围边界是否符合预期。
原型确认后还能改方向吗? 展开
可以,但会作为变更处理。原型阶段正是改方向最便宜的时候,确认得越早,后面返工越少。方向性变化时我们会建议重新确认范围,再继续往下推进。
设计系统和界面稿有什么区别? 展开
界面稿是具体页面的样子,设计系统是颜色、字体、间距和组件状态的可复用规则。前者给你看结果,后者让后续新增页面保持一致,也方便交给开发实现。
上线后的支持期包含什么? 展开
支持期处理上线初期发现的问题,具体时长与范围在合同里写明。超出支持范围的新功能属于新一轮需求,会按变更流程评估。
素材由谁提供? 展开
文字、图片和数据通常由你方提供,需要在对应阶段开始前准备好。我们在第二阶段会标出缺失部分,方便你按优先级补齐。素材延迟是项目延期最常见的原因。
从哪里继续
流程已经写清楚,剩下的就是把你的项目讲给我们听。第一次沟通通常在四十五分钟到一小时之间。
服务范围
网站开发
移动应用设计
品牌视觉识别