应用场景示例：设备制造企业官网的产品选型与询价路径
这个示例场景设定为一家设备制造企业：产品分若干系列，每个系列下有多个型号，型号之间差在功率、接口、材质或安装方式上，还带选配件。销售的实际流程是先问用途和现场条件，再推荐型号，最后报价。官网在这里的位置比较明确——让工程人员或采购先自己筛一遍，把范围缩小到两三个型号，然后带着具体型号来问。
需要先说明的是，这类站点通常不做在线下单。价格随配置变化，交期要看排产，直接标价反而容易引起误会。所以目标不是电商化，而是把“选型”和“询价”这两步做顺。
需求先落到三个动作
把模糊的“做个产品官网”拆开，其实就三件事。
- 找得到：访客知道自己的工况，但不知道该选哪个系列，需要按参数或用途缩小范围。
- 看得懂：参数表、选配件、附件之间的关系要写清楚，哪些是标配、哪些要另配，不能只给一张图片。
- 说得清：询价时不用重新报一遍型号，表单里已经带上刚才选的配置。
常见的反面做法是：产品页做成图片墙，参数放在一个PDF里；筛选只有一个系列下拉；询价表单只留姓名电话。结果销售还是要从头问一遍，官网等于一个电子样本。
筛选取舍：做到什么程度就够
筛选维度是最容易做多的地方。参数表上有二十个字段，不代表列表页要放二十个筛选器。判断依据有两条：一是这个字段的取值是否可枚举，二是客户在电话里会不会主动提。像功率区间、接口类型、安装方式、材质这类，客户通常会说；而一些内部编号、生产批次，客户不会提，也不该出现在前台。
比较稳妥的做法是选三到五个可枚举维度做筛选，其余参数放进详情页的参数表，需要时用页内查找或对比功能解决。筛选项越多，组合越复杂，空结果和性能问题也越多，后期维护还得跟着产品线调整。
另一个取舍是是否做在线报价。这个场景里不建议做。配置组合多、折扣按项目走，自动报价很难准。替代方案是“配置摘要 + 询价”：访客勾选型号和选配，页面生成一段摘要，随表单一起提交，销售拿到的是结构化信息，而不是一句“想了解一下”。
方案由哪几块组成
- 产品结构：系列—型号—选配件三级，附件单独成类，避免同一个东西在两处重复维护。
- 列表页：卡片上放三到四个关键参数，配筛选区；手机端筛选收进抽屉，不占满屏。
- 详情页：参数表、尺寸或接口示意、可选附件、同系列的其他型号。
- 对比：最多选三个型号，字段按同一顺序排列，缺省值有统一写法。
- 询价：表单预填已选型号和关键参数，支持上传现场照片或图纸。
- 后台：产品字段做成模板，业务人员能加型号、改参数，不需要改代码。
后台这一块值得多说一句。产品数据是长期变化的，如果每次加型号都要找开发，站点很快就不更新了。字段模板化以后，编辑只需要按表单填，前台展示自动跟着走。
实施按什么顺序推进
- 先定产品数据模板。把字段名、单位、是否必填、是否可筛选列成一张表，由业务确认。这一步没定，后面设计和开发都会返工。
- 从销售问答里提取高频筛选维度。找几个常接电话的人，问客户最先问什么，把答案收敛到三到五个维度。
- 画列表、详情、对比、询价四类页面的结构，先黑白稿确认信息顺序，再进视觉。
- 做前端和后台。参数表在窄屏怎么呈现要单独处理，横向滚动和折叠各有利弊，得看字段数量。
- 导入历史产品数据。批量导入前先清洗单位和不一致写法，否则筛选会碎成几十个选项。
- 测试上线。重点测筛选组合、空结果、表单送达和后台改动后的前台同步。
验收时看这几处
- 随机组合筛选条件，不出现报错；空结果页面有提示，并给出放宽条件的入口。
- 参数表在手机上不挤压变形，长字段有合理的换行或滚动方式。
- 对比页字段顺序一致，没填的字段显示规则统一，不出现空白行错位。
- 提交询价后，接收方能看到型号、选配和备注；表单有成功反馈，避免重复提交。
- 后台修改参数或新增型号后，前台列表和详情同步更新，缓存刷新有明确方式。
- 产品图片和图纸有尺寸限制和命名规范，避免上传后页面变慢。
验收不必追求一次覆盖所有边界，但上面这些属于结构性问题，上线后再改成本更高。
后续扩展留出余地
这类站点常见的后续需求是多语言、经销商查询、备件订购。不必在第一版全做，但结构上要留位置：产品字段支持多语言副本，页面路由按语言区分，附件和备件用独立分类。判断标准很简单——新增内容时是加数据，还是要改结构。前者可以随时做，后者最好在第一版就想到。
回到最初的目的：这类官网的价值不在于页面多漂亮，而在于把销售前置的那几轮问答搬到线上。验收时可以用一个朴素的标准衡量——访客看完站点来咨询，销售还需要从头问几遍。问得越少，说明产品结构和参数写得越清楚。