TSINGTONG 工业 B2B 官网概念

材料目录、加工能力与应用场景如果同时铺开，访问者仍要自己寻找顺序。这个概念以采购判断为线索：先确认材料，再理解加工与应用，最后整理询价要求。页面结构由这几个连续动作决定。

首屏以钢卷的体积、切面和金属光泽交代产品。左侧集中标题和材料入口，右侧留给动态的钢卷；背景网格与下方的大字把画面引向材料选择。动效承担引导作用，产品路径仍然清楚可见。

Material Finder 把冷轧与热轧作为第一层选择，再安排材料属性与规格筛选。左侧给出判断条件，右侧呈现对应内容，让信息查询有清楚的方向。

加工页用列表说明能力，应用页再以场景承接材料选择。一深一浅的页面关系区分两类信息，同时沿用相同的导航、标记和内容网格。

询价页承接前面的材料判断，把形态、轧制方向、钢种系列与尺寸放在前面，表面和加工要求跟在后面，最后留出应用、数量及其他说明的位置。这里展示的是已有本地原型中的信息编排，表单不发送数据。

手机端把导航、标题与材料入口重新排列，应用内容顺着单列展开。保留同样的判断顺序，让访问者在较小屏幕上也能走完材料、加工、应用与询价的路径。