READY GO：一个把标题本身做成作品集锦的机构网站
READY GO 是一家数字机构。它的网站必须在前三秒证明自己的创意广度，所以标题本身就是证明：一句固定的话，最后一个词不断变换。
挑战
每家机构的网站都声称自己能力全面，而且都是用一段文字来说。证明必须是作品本身，而不是文案；但首页仍然要清楚说明这家公司做什么，否则就成了一个没人能归类的作品集。
思路
标题先陈述事实：一家数字机构；然后最后一个词在各项服务之间轮换：制作、策略、周边、创意。主张和证明出现在同一句话里，作品图片散落在标题周围，而不是排成下方的网格。
会“表演”的标题
“我们是一家数字机构。人们找我们来做……”然后最后一个词开始变换。每个变体都是单独绘制的字体，而不是用现成字库排出来的，所以这句话的每一种状态都是一件独立的字体作品。
第一行回答了“这是什么公司”，第二行展示了能力的广度，全程没有一句自我介绍。
用字体做品牌识别
大号的词是矢量图形，而不是文字。正因如此，每次轮换都有自己的字重和变形，标题读起来像一件设计作品，而不是套在文字上的动画效果。
这个取舍是有意为之，也值得说明：这些词是轮廓，属于图片而不是可选中的文字，所以对于以程序方式读取页面的一切来说，含义由周围的文字承担。
作品散落，而非排成网格
作品图片以不同的大小和角度浮在标题四周，并随句子一起切换。常规网格会让人觉得“又一个机构模板”；散落的排布则说明，这个版式是为这些内容量身做的。
其他地方保持克制
导航只有三个简单的链接。没有首屏视频，没有滚动提示，也没有和标题抢戏的 Cookie 弹窗。网站所有的表现力都集中用在了一个地方。
开发
Next.js，部署在 nginx 后。轮播标题会预加载下一个词的图形，切换时永远不会出现空白帧。
交付内容
- 轮播标题，每个变体都配有定制手绘字体
- 随标题切换的散落式作品图片
- 只有三个链接的导航，首屏没有竞争元素
- 基于 Next.js 和 Tailwind CSS，部署在自建 Node.js 服务器上
常见问题
因为机构必须证明能力的广度，而不是只是声称。让一句固定的话最后一个词轮换，在同一行里既说明了公司做什么，也展示了作品。
每个变体都单独绘制，才能有自己的字重和变形。代价是这些词是图片而不是可选中的文字，所以对于以程序方式读取页面的一切来说，含义由周围的文字承担。
Next.js 和 React，配合 Tailwind CSS，运行在自建 Node.js 服务器上。
网站详解
“我们希望网站本身就能展示我们机构的实力，Sakura 完全抓住了这个想法。动态字体和整体版式让网站很有个性，同时一点也不让人困惑。”