产品
品类、系列、型号与参数。
SRL↗
MATERIALS. SPACES. POSSIBILITIES.从一块材料，
从一块材料，
到一个空间。
建筑材料品牌独立站 · 结构与视觉设计
产品选型 / 空间应用 / 定制沟通阅读案例 ↓
01 / PROJECT CONTEXT
不止展示材料，
也呈现它的可能。
网站展示地板、墙板、围栏等木塑建材，同时提供建筑案例、定制选项与支持资料。设计围绕产品、空间与沟通三类内容展开。
空间
建筑案例、灵感与应用场景。
定制
颜色、纹理、尺寸与具体需求。
MY CONTRIBUTION
网站结构规划 · 页面排版
视觉风格 · 图片素材
COLLABORATION
与工程师协作落地，网站开发与技术实现由工程师完成。
02 / CONTENT ARCHITECTURESRL — TWO WAYS TO EXPLORE
从产品出发，
也从空间出发。
明确材料需求的客户，可以直接查看产品与规格；寻找灵感的客户，可以先浏览建筑案例，再了解定制选项。两条路径都通向具体的合作咨询。
A
PRODUCT SELECTION
产品选型
已有需求，找到合适的材料。
- 01产品分类
- 02型号与参数
- 03发起询盘
B
SPATIAL DISCOVERY
空间探索
从应用场景中，发现更多可能。
- 01灵感与案例
- 02定制选项
- 03联系沟通
六个栏目，支撑两条路径。
网站导航结构01
首页
品牌与产品总览
02
产品
品类、型号与规格
03
建筑与案例
灵感、展厅与项目
04
品牌与企业
工艺、工厂与资质
05
支持服务
安装、养护与质保
06
联系
联系渠道与需求表单
根据现有页面梳理。两条路径为典型访问方式，各栏目也可独立进入。
03 / HOMEPAGE & VISUAL DIRECTION
建筑是语境，
材料是主角。
以建筑场景开场，再通过一致比例的图像串联产品类别。图片表达空间关系，清晰的图文模块承接品牌信息。
建筑画面
让立面、地面与户外环境说明材料用途。
统一比例
用纵向图像与统一间距形成阅读节奏。
明确入口
将场景识别与产品品类放在同一区域。
BRAND INTRODUCTION让品牌信息，
让品牌信息，
有清楚的层级。
介绍文字、图形数字和图标信息分区排列，承接首屏之后的企业阅读。
图中数字为原网站企业资料，不作为本项目设计成效。
04 / PRODUCT SELECTION
从展开的品类，
到具体的参数。
展开式分类保留其他品类的切换线索，产品系列承接进一步选择；详情页则集中展示形态、介绍、参数与询盘入口。
01 / DISCOVER02 / COMPARE03 / ENQUIRE
05 / SPACES & CUSTOMISATION
从空间参考，
走向具体选择。
建筑案例、灵感空间与展厅定制分别提供应用参考、材料近景和需求选项，让客户从不同尺度理解产品。
06 / SUPPORT & CONVERSATION
从了解产品，
延伸到使用与沟通。
安装、养护、质保与样品入口承接进一步了解；企业资料补充供应商信息，联系表单提供需求表达的区域。
03 / WPC SQUARE TUBE
塑木方通 · 安装方式
第三项对应 60 × 42 塑木方通。右侧完整展示安装说明，可按墙面、吊顶与隔断三种方式查看。
60 × 42 安装说明
打开 PDF ↗01 / 08
展厅与沟通入口
CONTACT / INQUIRY
联系表单
填写产品需求，进一步沟通合作。
企业背景与规模信息
证书与资质展示
让材料被看见，
也让需求被理解。
以建筑场景连接材料，以内容结构支持选型，以服务入口承接沟通。