一个把浏览变成 B2B 询价的帽子定制器。

Neutronium Headwear 在自己的工厂为品牌定制帽子。我设计并开发了他们的网站、交互式 Cap Designer，以及背后的询价流程。

一览

来自项目本身的事实

种可定制的帽型：颜色、材质和图案

步，从选帽型到确认，提交即为询价

个人负责设计、前后端、DNS 和部署

[待补]

成果数据，比如每月询价数量，有了数据再补上。

B2B 买家希望先看到自己的帽子长什么样，再询价。静态产品页加一个邮箱，意味着报价前要来回沟通很多轮。

[补充客户自己的描述]

七步式的 Cap Designer 让买家先选帽型，再设置帽冠、帽檐、辅料、图案和标签，并实时预览 2D 效果。提交后，结构化的询价会进入团队日常使用的管理后台。

网站基于 TanStack Start、React 19 和 Supabase，通过 Cloudflare 自动部署。日常工程由 AI agent 闭环处理：Claude Code 规则库、自定义 skill，以及 CI 里的设计系统 lint、视觉回归截图和自动 PR 审查。

定制器和询价流程已在 neutroniumheadwear.ca 上线。[有了成果数据和客户评价后补上]

3 张截图

上市公司 · 百万月活