SiteMonk
工作流程

工作流程 / 网页设计流程

从了解你的业务,到做出适合你的网站。

我们先明确网站服务谁、需要帮助访客完成什么,再和你逐步确认视觉方向、核心页面与最终网站。你不需要先写专业的设计 Brief。带上已有材料,我们会把它整理成问题、样例和页面,供你判断。

阅读这些选择背后的思考

理解业务

网站为谁而做,要帮助他们完成什么?

我们从你的业务出发,而不是从模板出发。网站的结构围绕真实目标展开,减少后续因目标不清而反复修改。

我们会做
阅读你现有的网站、业务介绍、品牌与参考材料。梳理网站服务的对象、他们需要知道什么、你希望他们做什么,以及页面和功能的范围。
你会看到
一份简明的项目摘要、初步的页面与内容计划,以及需要你补充的信息清单。
需要你参与
核实业务事实,告诉我们希望保留和改善的地方,确认范围与主要目标。
付款节点
按条款,收到定金后我们才安排工作。比例与开工前的退款条件见服务条款。

你确认后:双方都能说清网站的目的;可能影响关键功能的未知项,有具体的跟进安排。

寻找视觉方向

“温暖、简洁、专业”,在页面上具体是什么感觉?

这样的词,每个人理解都不同。所以我们不靠描述,而是给你两个可以并排比较的视觉方向。

视觉方向是一组看得见的样例:配色、标题与正文、照片风格、按钮,以及几段组合在一起的页面。业内常把它叫作 style tile。

方向 A“Calm & Caring”的样例:米色与蓝色的配色,衬线标题“A caring place to grow”,一位老师给两个孩子读书的托育中心首页,以及按钮、课程与校区卡片和手机预览。
方向 A “Calm & Caring”。来自为 Mommy Goose Child Care 做的培训演练,经授权展示。概念图与拟定配色,不是客户确认过的设计。
方向 B“Bright & Clear”的样例:白色与天蓝色的配色,粗体无衬线标题,同一个托育中心首页,以及字体、按钮、导航、课程与校区卡片和手机预览。
方向 B “Bright & Clear”。同一次演练,同样的限定:概念图与拟定配色,不是客户确认过的设计。
我们会做
分析你喜欢的参考网站里值得借鉴的部分,结合你的品牌与内容,准备两个各有理由的视觉方向(v1 与 v2)。
你会看到
两个方向并排:配色、字体、照片风格、按钮,以及几段页面组合。
需要你参与
选定一个方向,告诉我们哪些保留、哪些调整,并确认我们可以使用的品牌与照片信息。
几轮怎么走
我们在合理范围内调整你选定的方向,出 v3。v3 之后就是 final 版本,它会指导每一个页面。此后如仍有调整,可能产生额外费用,按 US$160/小时计算。沟通与会议的时间也计入工作时间。每次改动或服务,最低按 1 小时起计费。

你确认后:形成清楚的方向、具体的调整项,以及尚待确认事项的记录。

核心页面

放进真实内容和真实页面后,这个方向还成立吗?

在把设计扩展到整个网站之前,我们先做最能代表网站的页面,用真实内容,并补上手机端的布局。

哪些页面算核心,因项目而异。托育机构可以用首页、校区页和关于页;其他业务可以选服务详情、产品列表或预约页。

Mommy Goose Child Care 网站首页首屏的桌面宽度效果:大号衬线标题“Nurturing hearts, inspiring minds.”,背景是一位老师和三个幼儿的照片,下方有两个按钮。
同一个网站,桌面与手机上的样子。基于 Mommy Goose 现有网站制作的原型的审阅截图,经授权展示,不是已上线的网站。
Mommy Goose Child Care 网站关于页的手机宽度效果:标志与菜单按钮,衬线标题“A whole-child approach shaped by care, curiosity, and connection.”,以及两位老师的照片。
关于页在手机宽度下的样子。
我们会做
整理页面结构、信息顺序和访客的主要路径。先完成能代表不同内容类型的核心页面,再补足手机布局和关键交互。
你会看到
页面结构或线框、代表性页面的设计,以及手机上的阅读与操作方式。页面以 HTML 交付,用任何浏览器都能打开,不提供设计工具文件。具体审阅形式随项目说明。
需要你参与
核实文案和图片,审阅内容顺序、品牌感觉、信息重点,以及联系或预约的路径。

你确认后:核心页面的内容、外观和主要路径已经定下来,重要反馈已经处理。

整个网站

怎样让其他页面保持同样的感觉,又都好用?

我们把你认可的颜色、文字层级、布局与交互,整理成可复用的规则和组件,再用它们完成约定范围内的页面。对你来说,就是一个前后一致的网站,以及日后加页面时有清楚的依据。

我们会做
把确认过的规则用到范围内其余的页面。每个页面保留适合自己内容的结构。
你会看到
整个网站的预览,以及新页面如何延续核心页面。需要时,还有一组直观的按钮、文字与区块样例。
需要你参与
核实其余的业务内容,审阅重要的内页。如果新增页面或功能,和我们确认范围与时间安排。

你确认后:约定范围内的页面和功能已经落实到可检查的版本,设计与网站之间的差异得到记录和处理。

审阅与真实使用

完成的网站是否准确、符合方向,而且真的能用?

我们对照你确认过的设计检查网站,也按访客真实使用的方式来检查。原型、外部跳转和真实业务接通是不同的事,我们会告诉你,你现在看到的是哪一种。

我们会做
对照确认的设计检查网站:手机与桌面的阅读、导航、链接、图片,以及范围内的关键业务操作。修复重要问题并复查。
你会看到
指向明确版本的预览链接、需要你核实的内容,以及重要问题的处理结果。
需要你参与
按真实访客的路径浏览,核实将要发布的内容,确认最终网站。如果有表单或预约,确认收到信息后实际由谁处理、怎样处理。
我们的检查清单
内容正确,手机可读,导航可用,表单送达,主要行动可以完成。表单送达只适用于约定包含并已接通的表单。

你确认后:关键路径可用,重要问题已解决或有清楚的处理安排,你已确认要发布的版本。

上线与照看

上线怎样安排,之后有变化找谁?

只有在你确认设计方向与完成的网站之后,我们才会上线。

我们会做
在你确认、约定条件满足后上线。检查正式网站上的关键页面和入口,并落实维护与交接安排。
你会看到
正式上线的网站、内容更新与问题反馈的联系方式,以及 SiteMonk Care 包含什么。
需要你参与
确认要发布的内容,需要时配合域名或账号设置,并明确由谁接收和处理业务请求。
付款与上线
你确认完成的工作后、上线前支付其余款项,收到后我们才上线。确认后,设计工作视为完成,后续修改按 Care 计划的月度工作额度处理。
所有权
你拥有自己提供的内容与最终完成的网站。无论哪一方、因何原因结束合作,我们都会交付网站的完整源代码。

完成的标志:正式网站可以访问,关键流程可用,后续责任和联系入口清楚。

发布、维护与交接怎样进行

如何一起推进

你熟悉业务,我们负责把它变成网站。

从已有材料开始
标志、业务介绍、现有网址、可用的照片、参考网站,以及重要的服务信息。不齐全的部分,我们先列清单,并说明哪些会影响下一步。第一次沟通时不需要全部齐备。
每一轮只问一个问题
方向审阅:品牌感觉对不对?页面审阅:内容和路径对不对?最终审阅:发布的版本是否准确、能不能用?
怎样的反馈更有效
指出页面或位置,说出你感受到的问题,以及希望改善的原因。我们负责把它转成具体的设计动作。例如,“不够温暖”会变成“是照片、背景还是文字让你有这个感觉?”,再给出具体的调整,由你确认。
共同决定有记录
每一轮之后,我们记录你确认了什么、保留什么、修改什么,以及还有什么没确认。建议你这边指定一位联系人,汇总反馈。
确认前与确认后
视觉方向:v1 与 v2,经合理调整后出 v3,再到 final 版本。此后如仍有调整,可能产生额外费用,按 US$160/小时计算。沟通与会议的时间也计入工作时间。每次改动或服务,最低按 1 小时起计费。上线后的修改,按 Care 计划的月度工作额度处理。
有变化时怎么办
新的业务信息、页面或功能,我们先说明影响和时间安排,再纳入当前范围,或安排到后续。新增功能单独报价。

每一轮只问一个清楚的问题,每一个决定都有书面记录。

常见问题

开始之前的常见问题。

我没有完整的文案或品牌资料,可以开始吗?
可以。我们从已有材料开始,并把缺口列出来。真实的业务信息和将要发布的内容,需要你确认。文案、摄影、品牌补充这类服务能否提供,取决于项目范围,我们会事先说明。
我不懂设计,怎么给反馈?
围绕具体的页面和样例,说你的感受和原因就好。不需要你提供字号、布局参数或技术方案。
如果两个方向都不太合适怎么办?
我们回到你的目标和参考的原因,澄清之后,在合理范围内调整出 v3。v3 之后就是 final 版本。此后如仍有调整,可能产生额外费用,按 US$160/小时计算。沟通与会议的时间也计入工作时间。每次改动或服务,最低按 1 小时起计费。上线后的修改,按 Care 计划的月度工作额度处理。我们不提供无限次修改,范围以书面报价为准。
做完整个网站需要多久?我要参加多少次审阅?
取决于页面、功能、素材的齐备程度,以及反馈的速度。简单的项目可以合并审阅。我们会在开始时说明阶段安排,而不是给一个固定的周数。最影响时间的几项:素材是否齐备;反馈汇总得多快(指定一位联系人会有帮助);页面与功能的多少;是否需要接通预约这类业务功能。
手机端什么时候能看到?
在核心页面阶段就会审阅手机端,之后在实现和上线前继续检查。
你们会用 AI 吗?谁来保证结果?
我们用 AI 的地方,它协助探索和起草。内容是否准确、设计是否一致、实际操作是否可用,由我们负责核对,不会把未经审查的生成结果直接当作交付。
上线后还能修改或新增页面吗?源码归谁?
可以,通过你的 Care 计划安排。较大的功能按附加功能单独报价。你拥有自己提供的内容与最终完成的网站;无论哪一方、因何原因结束合作,我们都会交付网站的完整源代码。随网站交接的内容,见工作流程页。

这里没有回答你的问题?联系我们时告诉我们你在想什么。