流程说明

ТОО «WebTechnology»

从需求沟通到上线交付的完整流程

这一页说明项目每个阶段做什么、需要你配合什么、产出什么。ТОО «WebTechnology» 的项目分五个阶段推进,每个阶段结束都有明确的确认节点。

香港海滨天台清晨的俯视图,用于流程说明页的开场画面

为什么流程要写清楚

流程清楚的好处是双方都知道下一步是什么,不会在中途出现预期落差。每个阶段结束都有一份可确认的文件,你在文件上点头,项目才往前走。

本页覆盖网站开发、移动应用设计与品牌视觉识别三类项目。不同项目的深度不同,但阶段顺序与确认节点一致,你可以对照自己的项目类型来读。

查看常见问题

五个阶段与确认节点

每个阶段做什么、要你配合什么、产出什么

下面五个阶段按顺序推进。每个阶段结束都有一份明确文件,确认后才进入下一阶段;排期从第一阶段的范围说明确认后开始计算。

需求沟通与范围确认 第一阶段

第一次沟通通常四十五分钟到一小时,聊清楚目标、时间、预算区间和已有素材。你不需要提前准备完整需求文档,把现状和问题讲清楚就够了。之后我们会给出一份范围说明,写明做什么、不做什么、分几个阶段、每阶段交付什么。这份文件确认后,项目才正式排期。

你需要配合

讲清目标、时间与预算区间,确认项目决策人。

本阶段产出

范围说明:范围边界、阶段划分、每阶段交付清单。

信息架构与内容梳理 第二阶段

这一阶段确定页面清单、层级关系和每页要承载的内容。我们会整理现有素材,标出缺失的部分。网站项目在这一步会定下导航结构和主要路径;应用项目会列出核心任务清单。产出是一份结构文档,作为后续原型设计的依据。

你需要配合

交出已有文字、图片与数据素材,确认缺失清单。

本阶段产出

结构文档:页面清单、层级关系、导航结构与核心任务。

原型设计与确认 第三阶段

原型在 Figma 里做成可点击的版本,你可以像真实用户一样走一遍流程。这一阶段通常改两到三轮。改原型比改开发完成的页面便宜得多,所以我们会在这里多花一点时间确认。原型确认后,界面设计才有稳定依据。

你需要配合

按约定时间走一遍可点击原型,集中给出反馈。

本阶段产出

可点击交互原型,通常经两到三轮修改后确认。

视觉设计与设计系统 第四阶段

视觉设计在原型基础上进行,同时建立设计系统:颜色、字体、间距、组件状态定义成可复用的规则。网站项目会同时给出手机、平板、桌面三种尺寸的界面稿。应用项目分别处理 iOS 与 Android 的交互细节。品牌项目在这一阶段输出矢量资产,用 Adobe Illustrator 制作,确保印刷和大幅面输出的质量。

你需要配合

在视觉稿上确认风格方向,通常两轮内定稿。

本阶段产出

各尺寸界面稿、设计系统规则、品牌矢量资产。

开发、测试与上线 第五阶段

开发按确认的设计稿实现,测试包括各尺寸下的显示、表单提交、链接跳转、加载表现。无障碍检查在这一阶段复核,包括对比度、键盘操作、文本替代。上线后我们提供一段时间的支持期,处理上线初期发现的问题。具体时长在合同里写明。

你需要配合

提供上线所需账号与域名信息,安排验收时间。

本阶段产出

上线站点或应用,附测试记录与支持期说明。

设计师在工作台上移动纸质版面草图,旁边斜放着一台屏幕无反光的平板

配合与节奏

你需要配合的事项

每个阶段都需要你在约定时间内给出反馈。反馈集中提供比零散补充效率高得多。内容素材(文字、图片、数据)如果由你方提供,需要在对应阶段前准备好。素材延迟是项目延期最常见的原因。

如果需要内部审批,建议提前确认决策人是谁,避免反复。

工作室里设计师与客户在明亮窗边一起查看纸质线框稿

反馈方式

一次汇总提交,避免同一阶段反复修改。

素材准备

在对应阶段开始前交付,是控制工期最有效的一步。

修改轮次与变更处理

关于修改次数和变更

每个阶段的修改轮次在范围说明里写明。原型通常两到三轮,视觉设计两轮。超出范围的调整会作为变更处理,重新评估时间和费用。这不是为了限制,而是让双方对工作量有清晰预期。

需求本身发生方向性变化时,我们会建议重新确认范围。方向变了,前面确认过的结构文档与原型也需要同步更新,否则后面的开发会建在过期的依据上。

如果一轮反馈里既有小修也有方向调整,我们会先把方向问题谈清楚,再一起处理细节,避免两件事互相覆盖。

交付物汇总

每个项目类型最终拿到什么

所有源文件归你方所有,交付时一并提供。下面按项目类型列出对应文件,方便你在合同里逐项核对。

工作台上的显示器背面,屏幕朝向墙外,旁边放着键盘与纸质版面垫

网站开发

线上站点、源码或平台权限、设计稿源文件、组件库说明。

一只手以斜角握住手机,屏幕只呈现深色反光面

移动应用设计

交互原型、各平台界面稿、设计系统文件、切图与标注。

俯视拍摄的空白印刷形状打样纸,纸质带暖色

品牌视觉识别

矢量源文件、自适应 Logo 全套、色彩与字体规范、品牌使用规范文档。

开始之前

不确定自己需要哪一类项目?先聊一次

第一次沟通不收费,也不要求你提前写好需求文档。把现在的状况、想解决的问题和大致时间讲清楚,我们会在沟通后给出一份范围说明,写明阶段划分与每阶段交付内容。如果你还在比较不同方向,也可以先看服务范围再决定从哪里开始。

启动前的常见疑问

流程相关问题

需要提前准备完整的需求文档吗? 展开

不需要。第一次沟通把现状和想解决的问题讲清楚就够了,范围说明由我们在沟通后整理。你只需要确认范围边界是否符合预期。

原型确认后还能改方向吗? 展开

可以,但会作为变更处理。原型阶段正是改方向最便宜的时候,确认得越早,后面返工越少。方向性变化时我们会建议重新确认范围,再继续往下推进。

设计系统和界面稿有什么区别? 展开

界面稿是具体页面的样子,设计系统是颜色、字体、间距和组件状态的可复用规则。前者给你看结果,后者让后续新增页面保持一致,也方便交给开发实现。

上线后的支持期包含什么? 展开

支持期处理上线初期发现的问题,具体时长与范围在合同里写明。超出支持范围的新功能属于新一轮需求,会按变更流程评估。

素材由谁提供? 展开

文字、图片和数据通常由你方提供,需要在对应阶段开始前准备好。我们在第二阶段会标出缺失部分,方便你按优先级补齐。素材延迟是项目延期最常见的原因。

从哪里继续

流程已经写清楚,剩下的就是把你的项目讲给我们听。第一次沟通通常在四十五分钟到一小时之间。

服务范围

网站开发
移动应用设计
品牌视觉识别

联系方式

香港中環皇后大道中99號中環中心18樓1801室

+852 2569 2151

[email protected]

周一至周五 09:00–18:00