项目背景
Pivot & Pin 生产暗铰链、抽屉滑轨、拉手与气撑，客户是橱柜厂、厨房品牌和进口商，按箱下单、先寄样再报价。
核心挑战
采购员要的是型号、尺寸和起订量，而不是生活方式图片；但几十个 SKU 平铺在一起又容易像一张 Excel。需要在「目录的严谨」和「品牌的记忆点」之间找到平衡。
我们的角色
- 品牌视觉
- 网站设计
- 前端开发
解决方案
用工程图纸的语言做品牌：浅色网格、超大字号标题、一个蓝色方块作为品牌符号。产品卡片统一为白底实物图加四行规格，加入询价单（RFQ）而非购物车，最后用 OEM 定制和询价表单完成转化。
统一规格的 SKU 卡片
每张卡片固定为图片、型号、名称、四行参数和两个操作，八个品类在同一网格里可以横向比较。
询价单代替购物车
「加入 RFQ」累积型号与数量，表单示例直接写出「PP-H35 · 镍色 · 20,000」的填写格式。
可搜索的型号体系
顶部常驻按型号或尺寸搜索，⌘K 快捷键提示让熟手采购员不必翻页。
常见问题
关于这个项目的设计取舍与交付方式，我们最常被问到的几个问题。
B2B 五金站为什么用询价单而不是购物车？
橱柜五金按箱下单，价格取决于数量、表面处理和贸易条款，很少能直接标价。询价单（RFQ）让采购员一次累积多个型号和数量，提交后由销售回复单价、装箱数和样品，比购物车更贴合真实的采购流程。
产品图为什么统一用白底实物图？
采购员要横向比较几十个 SKU。统一的白底实物图、固定的四行规格和相同的按钮位置，让八个品类在同一网格里一眼可比，品牌感则交给网格背景、超大标题和蓝色方块。
为什么要做按型号搜索？
老客户通常已经知道型号，比如 PP-H35。顶部常驻的搜索框支持按型号或尺寸查找，配合 ⌘K 快捷键，熟手采购员不必翻目录就能直达产品。
五金 B2B 目录站用什么方案搭建？
SKU 数量在几百以内时，我们通常用静态生成加 headless CMS：产品数据由客户团队维护，页面构建时生成，速度快、对搜索引擎友好；询价单提交后同步到 CRM 或销售邮箱。这类站点一般 4 到 6 周上线。