HOMEGRIT 产品目录置于木质桌面
阶段04

产品信息架构与目录设计

1000+ SKU 产品信息与目录系统

从复杂产品信息到多模板目录体系,通过统一字段、
信息层级与版式规则,让不同产品能够被快速理解、准确查找、持续扩展

1000+ SKU

数量增加之前 先建立秩序

当产品持续增加,真正的问题不只是数量,
而是如何让每一个产品都被快速找到。

家居五金整体解决方案

基础五金
收纳五金
功能五金
装潢五金
铰链
解决方案
滑轨
解决方案
开合
解决方案
连接
解决方案
基座
解决方案
橱柜
解决方案
衣柜
解决方案
移门
解决方案
功能
解决方案
翻门
解决方案
拉手
解决方案
照明
解决方案
装饰
解决方案
家具脚
解决方案

1000+ SKU 并不是杂乱堆积,而是先进入一个清晰的产品系统。

铰链解决方案

缓冲铰链产品

铰链解决方案

01 缓冲铰链
02 铝框门铰链
03 缓冲角度铰链
04 大角度缓冲铰链
05 常规铰链
06 特殊铰链

01 缓冲铰链

一段力  /  二段力
↓
快装式 / 臂身可移 / 滑入式
↓
全盖 / 半盖 / 内藏

03 缓冲角度铰链

普通柜门 / 铝框门
↓
快装式 / 臂身可移
↓
-30° / 30° / -45° / 45° / 90°
产品系统
↓
产品大类
↓
产品族
↓
属性条件
↓
具体 SKU
←            →
A02.1XX
A02.2XX
01 缓冲铰链
↓
二段力
↓
快装式
↓
全盖 / 半盖 / 内藏
· 产品名称· 产品图· 产品参数· 颜色选择· Item No.
目录产品分类 目录产品族 目录结构类型 目录覆盖方式 目录产品名称 目录产品图 目录产品参数 目录颜色选择 目录产品编号

不同产品需要不同的信息组织方式

产品的信息密度与选择逻辑并不相同,因此需要根据真实的「阅读任务」,
建立适配不同产品类型的页面结构。

高密度检索型目录页面
「高密度检索型」

适用于多 SKU 同页、
产品图较小、编号与规格集中。

参数决策型目录页面
「参数决策型」

适用于产品图、结构、功能参数、
规格关系、颜色与 Item No.
共同构成选择路径。

场景展示型目录页面
「场景展示型」

适用于场景图占比提高,
再承接单品、材质与规格。

面对大量参数与长短不一的中英文信息,单纯依赖文字容易造成视觉拥挤。
通过统一的「参数图标系统」辅助信息识别,在丰富页面视觉的同时,建立更整洁稳定的「信息秩序」。

参数图标系统一参数图标系统二参数图标系统三参数图标系统四参数图标系统五

图标负责快速区分,文字负责准确说明

当图形进入真实产品页,它开始成为跨页面复用的「信息组件」。

进入铰链页
进入铰链页
进入滑轨页
进入滑轨页
进入其他参数页
进入其他参数页

图标不是装饰,而是目录中的阅读工具

从不同页面结构到统一图形语言,模板体系真正解决的不是“长得一样”,
而是让不同产品都拥有合适且稳定的「阅读方式」。

目录浏览节奏一目录浏览节奏二目录浏览节奏三目录浏览节奏四目录浏览节奏五

在连续的产品与参数页面之间,通过章节页重新建立品类识别,让长篇目录保持清晰的浏览节奏。

随着产品资料不断补充与调整,需要持续核对图片、型号、规格与参数,
在大量页面更新中保持「信息准确」与「版本一致」。

待校准的目录页面 图片替换图片替换标注参数修正规格补充Item No. 校对
图片替换参数修正规格补充Item No. 校对页面同步

当信息、版式与内容逐步确认后,分散的产品页面最终组成
具有完整结构与阅读节奏的「成品目录」。

正在整理书页…

滚动翻页封面

目录形式,取决于它要解决什么问题

不同目录承担的销售与沟通任务并不相同,因此「信息密度」、「视觉比重」与「页面节奏」
也需要随使用场景重新调整。

TOPCENT综合主目录

大量产品,优先解决快速查找

当大量设计集中在一本综合目录中,
设计首先服务于「快速定位」,
让用户能够沿分类与编号快速找到目标产品

TOPCENT 综合主目录
多类产品明确的分类结构高密度信息快速检索效率
HOMEGRIT品牌目录

品牌目录,需要同时建立产品理解

在产品查找之外,还需要保持持续的品牌表达,让用户在浏览不同品类时形成统一的「品牌阅读体验」。

HOMEGRIT 品牌目录
统一的品牌视觉场景与产品结合清晰的参数信息稳定的阅读节奏
TOPCENT系列产品册

当范围收窄,产品可以被讲的更深

系列产品册围绕具体销售任务重新组织信息,让阅读从大量查找转向更集中的「产品比较与选择」。

系列产品册一系列产品册二
更深入的产品信息配套关系说明材质与颜色选择应用场景展示

从大量产品信息,到建立「目录信息系统」,
设计不再只是安排页面,而是持续组织产品的查找、阅读与选择。
通过统一分类、模板与图形语言,让复杂信息在不同目录场景中保持「清晰、稳定与可扩展」。