网站设计

网站设计

以商业基础设施的方式规划、建立及维护网站,而不是一次性的设计练习。

01 · 价值

网站的好坏,在于它是否运作正常。

不是看它在演示文稿上好不好看。而是看它能否在电梯里用手机加载、能否让人只用键盘完成表单,以及机构两年后是否仍然可以自行修改内容。

工作在设计开始之前,就按双方约定的书面验收准则界定范围,所以“完成”是一份清单,而不是一种意见。

由此开始

预约咨询。

咨询是一次有范围的对话,不是推销。带问题来就好,不必带规格——规格正是这项工作会产出的东西。

02 · 网站类型

我们建立什么,以及每一种的用途。

专业网站

一组明确的页面,呈现机构的业务,适合需要被找到、被信任的机构。

多语言网站

同一网站以多于一种语言呈现,结构上让各语言版本在内容变动时仍然真正对等。

会员平台

公开页面加上供已登录会员使用的受限制区域,附等级与相应的访问规则。

客户工作台

认证工作空间,客户在其中跟进自己的项目、审批工作与获取文件。

电子商务

产品目录、结账,以及背后的运营工作:出货、税务、退款与对账。

网站维护

让以上任何一种在上线后保持正确、已修补、已备份与受监控的持续工作。

02 · 可衡量的成果

你可以要求我们兑现什么。

这些都会在上线前由双方按约定的准则检查。它们是关于构建的承诺,而不是关于成效的宣称。

响应式表现

每一页在上线前都会在电话、平板与桌面宽度检查,不只检查设计时所用的宽度。

键盘操作

每一个互动元件都可以只用键盘到达及操作,并有清晰可见的焦点指示。

可读对比度

文字与界面边界按 WCAG AA 测量,而不是凭肉眼判断。

已测试的表单

每个表单在移交之前,都会在正式网站上完整提交并接收一次。

清晰的内容拥有权

以书面记录每个账户、服务与资产属于谁,不会有任何东西被困在代理商手上。

分析与备份

确认分析正在记录,并在上线前实际备份与还原一次,而不是假设可行。

03 · 交付

七个阶段,每一阶段都结束于一份你可以阅读的文件。

01

探索与界定范围

机构需要网站做到什么、要服务谁,以及什么明确不在范围之内。阶段结束时会有一份双方接受的书面范围。

02

信息架构

有哪些页面、彼此如何关联、每一页的用途。网站地图与内容清单会在视觉设计开始之前约定。

03

设计方向

字体与色彩方向,应用于真实的页面结构而不是装饰性模拟图,并先在窄屏幕上查看。

04

建立与整合

前端建立、内容管理、表单、分析,以及任何第三方整合,都在你随时可以看到的测试环境上进行。

05

内容、无障碍与质量保证

加载内容并校对、执行键盘与对比度检查、端到端测试表单,并在真实设备上检查网站。

06

上线与移交

域名与 DNS、重定向、分析验证、一次演练过的备份,以及所有涉及账户与资产的书面移交。

07

维护与衡量

持续更新、监控,并按一开始约定的指标汇报。属可选项目,另行报价。

04 · 方案

购买网站工作的六种方式。

每个方案都会独立界定范围并以书面报价。这里不刊载价格,因为未按你的需求界定范围的数字,并不是价格。

网站诊断

适合表现未如理想的现有网站

对现有网站进行结构化审视,涵盖结构、内容、性能、无障碍与分析。以书面报告交付,附有优先处理清单,列明哪些要改、哪些不用改。

商讨这个方案 →

专业网站

适合需要可靠形象的机构

页数明确的重点网站:结构、设计、建立、内容加载与上线。对大多数机构而言是最合适的起点。

商讨这个方案 →

商业网站进阶版

适合有内容要管理、有系统要整合的机构

较大型网站,配备内容管理系统、多种内容类型、表单处理、分析,以及与现有商业系统的整合。

商讨这个方案 →

会员网站

适合受众需要登录的机构

包含商业网站进阶版的全部内容,再加上会员账户、受限制内容、订阅或等级逻辑,以及会员制度必然涉及的隐私控制。

商讨这个方案 →

客户工作台

适合为客户执行项目的机构

为客户而设的认证工作空间:项目、审批、文件、会面与账单,附角色权限与审计记录。

商讨这个方案 →

网站维护

适合任何已经上线的网站

持续安排,涵盖更新、安全修补、备份、监控,以及每月定额的内容修改。

商讨这个方案 →
佐证

你会收到什么交付。

我们不公开客户名称、项目参考或绩效数字——不是因为工作保密,而是因为未经另行授权就具名提及雇主、董事或客户,不是我们会做的事。

代替作品集的是移交套件。每一次合作都以下列同一组文件作结,而它们属于你:

  • 约定的网站地图与逐页内容清单
  • 书面验收准则,以及每项检查的结果
  • 构建时所依据的无障碍与对比度报告
  • 每个账户、服务与资产的记录,以及各自的所有者
  • 一次实际备份与还原的记录
  • 给下一位维护者看的简短移交文件
适合度

我们是否适合这项工作?

当网站属于商业基础设施——必须持续运作、需要维护,并且由机构而非供应商拥有——我们就是合适的选择。

如果工作主要是视觉宣传、需要在几天内上线,或者决策者与日后要维护网站的人并不在同一个对话里,我们就不是合适的选择。早点说明,对双方都便宜。

合适度咨询

说说你的工作。

如果不合适,我们会直说,并在可能的情况下转介更适合的人选。

几句话就够。限制与期限是你最应该告诉我们的。
下一步

由一次对话开始。

咨询是一次有范围的对话,谈的是你的需要,不是推销。对话结束时,你会清楚知道我们是否适合这项工作。