服务

从一张草图,到能持续跑的站

四类服务可以单独委托,也可以合成一个完整项目。第一次沟通时我们会说清楚: 以你现在的情况,哪一部分真正值得先做。

01 / 界面设计

先把要表达的东西排清楚

很多站的问题不在不好看,而在说不清楚。访客进来三秒内不知道该往哪看、该信什么, 再精致的视觉也留不住人。

我们通常从信息架构开始:这一页要让访客做哪一件事,为此需要按什么顺序给哪些信息。 结构定了再进视觉,避免"先画得好看再往里塞内容"。

信息架构与内容规划

梳理页面层级、导航逻辑与每屏的核心信息,输出可讨论的结构稿。

视觉设计与规范

确定色彩、字体、间距与组件规则,交付一套可以复用的设计规范。

响应式断点设计

不只做桌面和手机两版,而是在真实断点上验证每一档的排版效果。

可访问性检查

对比度、焦点顺序、键盘可操作、屏幕阅读器可读 —— 设计阶段就纳入,不靠事后补。

02 / 前端开发

按标准写,交给你的团队能看懂

我们交付的代码是给人读的。语义化标签、清晰的目录结构、必要的注释、可以独立运行的 构建命令 —— 你的团队接手后不需要先猜一遍我们当时在想什么。

技术上不追新。用什么取决于项目需要:一个内容站可能只需要静态生成 + CDN, 一个控制台需要组件化与状态管理。我们会说明为什么选它,以及将来换掉的成本。

静态站与内容站

构建期生成纯 HTML / CSS / JS,部署简单、加载快、托管成本低,适合官网与内容站。

组件化界面开发

把重复出现的界面抽成组件,改一处全站生效,适合产品界面与后台系统。

接口对接与数据处理

与现有后端或第三方服务对接,处理加载状态、错误分支与数据格式化。

性能优化

图片策略、字体子集化、按需加载、缓存头配置,按核心指标逐项量化。

03 / 动效与交互

动效要帮人理解,不是炫技

动效有价值的前提是它有信息量:这个元素从哪来、状态发生了什么变化、接下来该看哪里。 没有信息量的动效只是延迟。

我们做动效时会同时给出降级方案 —— 尊重系统的"减少动态效果"设置, 在低性能设备上退回静态呈现,不让动画变成卡顿的来源。

滚动驱动效果

进场揭示、视差、粘连与路径描边,用于引导阅读节奏。

状态与反馈动效

加载、成功、失败、切换的过渡设计,让系统状态始终可感知。

数据可视化交互

图表联动、筛选动画、悬停细节,让数据变化看得见。

性能与降级

控制合成层、避免布局抖动,并遵循用户的无障碍偏好设置。

04 / 上线与维护

交付之后,站还得能长期活着

上线只是开始。域名解析、证书续期、部署流程、出事谁来看 —— 这些如果没安排清楚, 站点会在半年后变成一个谁都不敢动的黑盒。

我们会把这些一并交接:部署命令、回滚方式、监控与告警配置、内容更新的操作路径, 写成文档交给你的人。

部署与域名配置

托管平台选型、构建流程、自定义域名与 HTTPS 配置。

监控与告警

可用性检查、错误收集与性能监测,异常时能第一时间知道。

内容更新路径

按你的团队能力选择:改文件、后台管理,或对接现成的 CMS。

维护交接文档

把项目怎么跑、怎么改、怎么排查写清楚,不依赖某一个人的记忆。

合作模式

按你的阶段选

下面三种模式覆盖了绝大多数情况。选哪种,取决于你现在最缺的是什么。

专项设计

适合:已有开发团队,只缺设计

¥3.8万 起 / 项目

  • 信息架构 + 视觉设计
  • 响应式多断点稿
  • 设计规范与组件说明
  • 开发阶段答疑支持

长期维护

适合:站点已上线,需要持续迭代

¥8000 起 / 月

  • 按月固定投入工时
  • 内容更新与功能迭代
  • 性能与可用性巡检
  • 紧急问题优先响应

费用与周期

先把钱和工期的算法说清楚

按项目定价,不按人天堆量

范围确认后锁定总价。过程中因我方原因产生的返工,不计入费用。

分三期付款

签约付 30%,设计定稿付 40%,验收上线付 30%。专项设计一次性结清。

周期给区间,不给硬承诺

设计通常 3–5 周,完整项目 8–14 周,维护按月滚动。具体在提案里写清楚。

不接的会直说

如果判断这件事不在我们能力范围内,我们会直接说明,并推荐更合适的对象。

不确定该从哪一步开始?

描述一下现状和目标就行,我们帮你判断先做设计、先做开发,还是先别做。

聊聊看