概念作品，Premium 配套
AZ Car Automotive.
汽车漆面修复与镀膜工作室，八打灵再也. 一家卖「测量」而不是卖「亮」的工作室：那些太阳纹，只有当光扫过去的时候你才看得见。
打开线上版本
当初设定的目标。
概念简报：全国每一个汽车美容网站看起来都一样，黑配橙，加一个拖拉式的前后对比滑块。改成卖这一行真正在卖的东西——关于你的车漆还剩多少，一个诚实的读数。
- Next.js
- WebGL relighting
- Generated photography
- Interactive survey
- Static rendering
一道硬光扫过车身，损伤只在它被扫到的地方浮现.
太阳纹在阴影里是不存在的，所以车主天天看自己的车，却从来没看见它哪里不对。滚动会让一道硬光横扫过一张车身照片，损伤在掠射角下亮起来，然后车漆在同一道光底下被修复。这里是两张照片被当成两种不同的东西在用，而且从头到尾没有交叉淡入：干净的车身是那个永远不变的表面，而刮痕是从第二张照片里分离出来的一层遮罩，叠在它上面。所以修复是从一个不变的表面上去掉损伤——这正是抛光在物理上做的事。
一家车厂或美容店能从这里得到什么：一个页面，在任何人需要争辩之前就先说明这份工为什么值这个价；一份客户真的读得懂的检查报告；以及一个抵达 WhatsApp 时已经写好的询问。
量出来的，不是讲出来的。
- Largest Contentful Paint
- 100 ms
- Cumulative Layout Shift
- 0
- Median frame
- 8.3 ms
- Anti-patterns found
- 0
在正式构建版本上以 Chromium tracing 实测。重点不在这几个数字本身，而在于你的网站上线时，也会有属于它自己的数字。