01 / 首页
从空间需求认识材料
首页用大空间图和材质近景同时说明整体效果与细节。地毯与草坪入口按应用划分,客户可以从自己的空间需求进入产品。
首页同时展示房间整体与地毯材质近景,让客户在空间效果和表面纹理之间建立联系。地毯与草坪分成不同应用入口,企业能力及内容文章接在后面补充了解。先按使用场景判断方向,再进入产品目录,比把所有材料型号直接铺在首屏更适合初次到访的客户。
02 / 产品目录
缩小产品与材料范围
产品目录把材料分类与产品图片集中安排。客户可以沿产品类型继续浏览,无需反复回到首页寻找入口。
目录上方用产品类型切换范围,卡片则以铺设场景展示材料系列。客户看到的既是产品分类,也是材料进入房间后的效果;继续进入单个系列后,再比较具体花色。目录与详情分工,让空间选择和型号核对不必在同一张卡片里完成。
03 / 花色与空间
比较花色与铺设效果
详情区域把花色缩略图、材料说明与空间图片连接起来。客户既能看表面纹理,也能看铺设在房间里的效果。
详情把花色缩略图排列在主图下方,并以标签组织规格、安装与相关资料。继续向下,Room Scenes 展示同类材料进入空间的效果。花色图回答纹理和配色,空间图回答铺设后的整体感,两种视角共同支持材料判断。
移动端
手机端:材料浏览与联系随时衔接
手机页底部保留首页、企业、产品、邮件和电话入口,让客户在看完材料后能继续浏览或联系。正文中的企业信息采用分组排列,产品和场景图保持足够宽度。对经常需要现场看材料、再发起沟通的访客而言,联系入口与内容同样重要。






