01
把 PDF 报价单变成可检索的目录
先和销售一起梳理客户最常问的参数，确定筛选维度：材质、规格、厚度、适用场景。目录页按维度组合筛选，结果页保留参数表与询价按钮，客户不必下载文件。
- 筛选状态写入地址栏，筛选结果可直接分享
- 移动端参数表改为横向滚动，避免挤压变形
- 每款产品保留独立链接，便于销售单独发送
全部作品
企业官网2025
建材品牌官网与产品目录
把上百个产品规格从 PDF 报价单搬到可检索的线上目录，销售直接发链接。
- 我的角色
- 独立完成结构梳理、前端实现与部署上线
- 技术栈
- React · TypeScript · Tailwind CSS · Nginx
- 交付状态
- 已部署至正式环境，绑定独立域名
界面示意 · 非真实客户数据
“产品参数分散在几十份 PDF 里，客户问规格只能翻文件再截图，销售每天重复回答同样的问题。”
客户诉求为示意内容，可替换为真实项目描述
02
用结构化字段代替自由排版
产品内容按统一字段录入，页面根据字段生成参数表和卡片，不需要每次插入图片拼版。新增品类时只扩展字段，不改页面结构。
- 参数与文案分离，修改文案不影响布局
- 图片统一尺寸与压缩，首屏加载保持在可接受范围
03
交付时把维护方式写清楚
上线时提供一份内容更新说明，标注哪些字段会影响页面展示、图片要求的尺寸与格式。运营按说明即可新增产品或案例，不必每次找人改代码。
功能范围
产品目录、参数筛选、案例页与询价入口
上线状态
已部署至正式环境，绑定独立域名
维护方式
内容字段结构化，运营可自行新增产品
有类似的需求？
说明你的业务场景和期望上线时间，我会给出功能拆解与分期建议。