工作流程 / 网页设计流程
从了解你的业务,到做出适合你的网站。
我们先明确网站服务谁、需要帮助访客完成什么,再和你逐步确认视觉方向、核心页面与最终网站。你不需要先写专业的设计 Brief。带上已有材料,我们会把它整理成问题、样例和页面,供你判断。
阅读这些选择背后的思考理解业务
网站为谁而做,要帮助他们完成什么?
我们从你的业务出发,而不是从模板出发。网站的结构围绕真实目标展开,减少后续因目标不清而反复修改。
- 我们会做
- 阅读你现有的网站、业务介绍、品牌与参考材料。梳理网站服务的对象、他们需要知道什么、你希望他们做什么,以及页面和功能的范围。
- 你会看到
- 一份简明的项目摘要、初步的页面与内容计划,以及需要你补充的信息清单。
- 需要你参与
- 核实业务事实,告诉我们希望保留和改善的地方,确认范围与主要目标。
- 付款节点
- 按条款,收到定金后我们才安排工作。比例与开工前的退款条件见服务条款。
你确认后:双方都能说清网站的目的;可能影响关键功能的未知项,有具体的跟进安排。
寻找视觉方向
“温暖、简洁、专业”,在页面上具体是什么感觉?
这样的词,每个人理解都不同。所以我们不靠描述,而是给你两个可以并排比较的视觉方向。
视觉方向是一组看得见的样例:配色、标题与正文、照片风格、按钮,以及几段组合在一起的页面。业内常把它叫作 style tile。
- 我们会做
- 分析你喜欢的参考网站里值得借鉴的部分,结合你的品牌与内容,准备两个各有理由的视觉方向(v1 与 v2)。
- 你会看到
- 两个方向并排:配色、字体、照片风格、按钮,以及几段页面组合。
- 需要你参与
- 选定一个方向,告诉我们哪些保留、哪些调整,并确认我们可以使用的品牌与照片信息。
- 几轮怎么走
- 我们在合理范围内调整你选定的方向,出 v3。v3 之后就是 final 版本,它会指导每一个页面。此后如仍有调整,可能产生额外费用,按 US$160/小时计算。沟通与会议的时间也计入工作时间。每次改动或服务,最低按 1 小时起计费。
你确认后:形成清楚的方向、具体的调整项,以及尚待确认事项的记录。
核心页面
放进真实内容和真实页面后,这个方向还成立吗?
在把设计扩展到整个网站之前,我们先做最能代表网站的页面,用真实内容,并补上手机端的布局。
哪些页面算核心,因项目而异。托育机构可以用首页、校区页和关于页;其他业务可以选服务详情、产品列表或预约页。
- 我们会做
- 整理页面结构、信息顺序和访客的主要路径。先完成能代表不同内容类型的核心页面,再补足手机布局和关键交互。
- 你会看到
- 页面结构或线框、代表性页面的设计,以及手机上的阅读与操作方式。页面以 HTML 交付,用任何浏览器都能打开,不提供设计工具文件。具体审阅形式随项目说明。
- 需要你参与
- 核实文案和图片,审阅内容顺序、品牌感觉、信息重点,以及联系或预约的路径。
你确认后:核心页面的内容、外观和主要路径已经定下来,重要反馈已经处理。
整个网站
怎样让其他页面保持同样的感觉,又都好用?
我们把你认可的颜色、文字层级、布局与交互,整理成可复用的规则和组件,再用它们完成约定范围内的页面。对你来说,就是一个前后一致的网站,以及日后加页面时有清楚的依据。
- 我们会做
- 把确认过的规则用到范围内其余的页面。每个页面保留适合自己内容的结构。
- 你会看到
- 整个网站的预览,以及新页面如何延续核心页面。需要时,还有一组直观的按钮、文字与区块样例。
- 需要你参与
- 核实其余的业务内容,审阅重要的内页。如果新增页面或功能,和我们确认范围与时间安排。
你确认后:约定范围内的页面和功能已经落实到可检查的版本,设计与网站之间的差异得到记录和处理。
审阅与真实使用
完成的网站是否准确、符合方向,而且真的能用?
我们对照你确认过的设计检查网站,也按访客真实使用的方式来检查。原型、外部跳转和真实业务接通是不同的事,我们会告诉你,你现在看到的是哪一种。
- 我们会做
- 对照确认的设计检查网站:手机与桌面的阅读、导航、链接、图片,以及范围内的关键业务操作。修复重要问题并复查。
- 你会看到
- 指向明确版本的预览链接、需要你核实的内容,以及重要问题的处理结果。
- 需要你参与
- 按真实访客的路径浏览,核实将要发布的内容,确认最终网站。如果有表单或预约,确认收到信息后实际由谁处理、怎样处理。
- 我们的检查清单
- 内容正确,手机可读,导航可用,表单送达,主要行动可以完成。表单送达只适用于约定包含并已接通的表单。
你确认后:关键路径可用,重要问题已解决或有清楚的处理安排,你已确认要发布的版本。
上线与照看
上线怎样安排,之后有变化找谁?
只有在你确认设计方向与完成的网站之后,我们才会上线。
- 我们会做
- 在你确认、约定条件满足后上线。检查正式网站上的关键页面和入口,并落实维护与交接安排。
- 你会看到
- 正式上线的网站、内容更新与问题反馈的联系方式,以及 SiteMonk Care 包含什么。
- 需要你参与
- 确认要发布的内容,需要时配合域名或账号设置,并明确由谁接收和处理业务请求。
- 付款与上线
- 你确认完成的工作后、上线前支付其余款项,收到后我们才上线。确认后,设计工作视为完成,后续修改按 Care 计划的月度工作额度处理。
- 所有权
- 你拥有自己提供的内容与最终完成的网站。无论哪一方、因何原因结束合作,我们都会交付网站的完整源代码。
完成的标志:正式网站可以访问,关键流程可用,后续责任和联系入口清楚。
发布、维护与交接怎样进行如何一起推进
你熟悉业务,我们负责把它变成网站。
- 从已有材料开始
- 标志、业务介绍、现有网址、可用的照片、参考网站,以及重要的服务信息。不齐全的部分,我们先列清单,并说明哪些会影响下一步。第一次沟通时不需要全部齐备。
- 每一轮只问一个问题
- 方向审阅:品牌感觉对不对?页面审阅:内容和路径对不对?最终审阅:发布的版本是否准确、能不能用?
- 怎样的反馈更有效
- 指出页面或位置,说出你感受到的问题,以及希望改善的原因。我们负责把它转成具体的设计动作。例如,“不够温暖”会变成“是照片、背景还是文字让你有这个感觉?”,再给出具体的调整,由你确认。
- 共同决定有记录
- 每一轮之后,我们记录你确认了什么、保留什么、修改什么,以及还有什么没确认。建议你这边指定一位联系人,汇总反馈。
- 确认前与确认后
- 视觉方向:v1 与 v2,经合理调整后出 v3,再到 final 版本。此后如仍有调整,可能产生额外费用,按 US$160/小时计算。沟通与会议的时间也计入工作时间。每次改动或服务,最低按 1 小时起计费。上线后的修改,按 Care 计划的月度工作额度处理。
- 有变化时怎么办
- 新的业务信息、页面或功能,我们先说明影响和时间安排,再纳入当前范围,或安排到后续。新增功能单独报价。
每一轮只问一个清楚的问题,每一个决定都有书面记录。
常见问题
开始之前的常见问题。
- 我没有完整的文案或品牌资料,可以开始吗?
- 可以。我们从已有材料开始,并把缺口列出来。真实的业务信息和将要发布的内容,需要你确认。文案、摄影、品牌补充这类服务能否提供,取决于项目范围,我们会事先说明。
- 我不懂设计,怎么给反馈?
- 围绕具体的页面和样例,说你的感受和原因就好。不需要你提供字号、布局参数或技术方案。
- 如果两个方向都不太合适怎么办?
- 我们回到你的目标和参考的原因,澄清之后,在合理范围内调整出 v3。v3 之后就是 final 版本。此后如仍有调整,可能产生额外费用,按 US$160/小时计算。沟通与会议的时间也计入工作时间。每次改动或服务,最低按 1 小时起计费。上线后的修改,按 Care 计划的月度工作额度处理。我们不提供无限次修改,范围以书面报价为准。
- 做完整个网站需要多久?我要参加多少次审阅?
- 取决于页面、功能、素材的齐备程度,以及反馈的速度。简单的项目可以合并审阅。我们会在开始时说明阶段安排,而不是给一个固定的周数。最影响时间的几项:素材是否齐备;反馈汇总得多快(指定一位联系人会有帮助);页面与功能的多少;是否需要接通预约这类业务功能。
- 手机端什么时候能看到?
- 在核心页面阶段就会审阅手机端,之后在实现和上线前继续检查。
- 你们会用 AI 吗?谁来保证结果?
- 我们用 AI 的地方,它协助探索和起草。内容是否准确、设计是否一致、实际操作是否可用,由我们负责核对,不会把未经审查的生成结果直接当作交付。
- 上线后还能修改或新增页面吗?源码归谁?
- 可以,通过你的 Care 计划安排。较大的功能按附加功能单独报价。你拥有自己提供的内容与最终完成的网站;无论哪一方、因何原因结束合作,我们都会交付网站的完整源代码。随网站交接的内容,见工作流程页。
这里没有回答你的问题?联系我们时告诉我们你在想什么。