Build Notes / 01

我们如何建造 CTech Studio 本站

本站不是一个“先做出来再想定位”的官网。它同时是 CTech Studio 的作品、销售工具和内部系统的一部分。

CTech Studio 笔记 2026.10.21
SYSTEM MAP / CTECH STUDIOCTechSTUDIO品牌BRAND内容CONTENT报价QUOTE交付DELIVERYSTRATEGY / DESIGN / BUILD / CARE
本站的系统构成:品牌、内容、报价、交付与运营共享同一套内容模型。

本站不是一个“先做出来再想定位”的官网。它同时是 CTech Studio 的作品、销售工具和内部系统的一部分。

先定系统,再定页面

我们先确定内容模型:系统作品、服务、笔记、报价与线索。页面只是这些内容的不同视图。这样首页、作品 archive、单页和报价器可以共享同一套数据,而不是每个页面各写一遍。

设计 tokens 先于组件

颜色、字体、网格、间距和动效都先进入 tokens。组件只消费 tokens,不写死颜色和字号。这样从首页到报价器再到后台,视觉语言是一致的,改版也不需要逐页返工。

报价器不是购物车

软件开发是非标服务。报价器只输出区间、假设与排除项,真正的固定报价由人工复核后产生。这部分由 ctech-service-engine 承接:服务定义、定价、版本、客户接受与 WooCommerce 订单。

性能是设计的一部分

共享主机、CDN、字体子集化、图片格式与 JS 预算都会影响“高级感”。一个需要八秒加载的网站,视觉再漂亮也不成立。

下一步

接入客户门户、案例指标与持续运维,把本站变成可复用的系统样板。

Key takeaways

  • 先定系统,再定页面
  • 设计 tokens 先于组件
  • 报价器不是购物车
  • 性能是设计的一部分
CT
CTech Studio 中文团队 · 全球交付 · 独立评审