在PPZ宠物胸背牵引套装的 Coupang 详情页设计中,我们围绕穿戴步骤与配件体系组织内容。通过天空蓝与青柠绿、粗体短标题、圆角说明卡,把商品识别、局部说明和场景信息安排在不同层级,让读者沿着清楚的顺序继续了解产品。
| 服务项目 | 所属行业 | 所属平台 |
|---|---|---|
| Coupang 详情页设计 | 宠物用品 | Coupang |
| 项目需求 | 目标市场 | 设计风格 |
| 穿戴步骤与配件体系 | 韩语内容展示 | 天空蓝与青柠绿、粗体短标题、圆角说明卡 |
| 项目报价 | 交付内容 | 交付时间 |
| ¥1,400 | 1版商品详情页设计 | 未披露 |
设计挑战:把不同阅读任务分开
这套详情页既要保留PPZ宠物胸背牵引套装的外形识别,也要容纳穿戴步骤与配件体系等不同主题。我们没有让每个画面重复承载全部信息,而是将整体、局部与场景分开,控制标题、图片和说明之间的距离。
我们的设计策略
我们以天空蓝与青柠绿、粗体短标题、圆角说明卡建立连续的视觉语言,让主体从背景中被清楚识别。标题采用明显的字号和字重层级,补充说明退到次一级,避免装饰、照片与文字同时争夺注意力。
在内容组织上,我们按真实作品的主题划分章节:用较大的画面建立整体关系,用局部与图示解释细节,再以有边界的文字区或清单整理补充信息。长页面通过色块、卡片和组间留白形成停顿,连续阅读时也能辨认章节切换。
场景开场:让犬只与胸背同时成为主体

我们用天空蓝底衬托犬只和蓝色胸背,标题沿中轴排列。上下留白把主题、主体和补充文字分开,视线集中在穿戴关系上。
操作教程:以色块区分连续步骤

我们用蓝绿两段背景划分穿戴与调节内容,照片和小标题按同一方向展开。分段颜色形成章节提示,让长图仍有明确阅读路径。
结构主题:以坐姿照片保留连接关系

我们让犬只侧面与胸背的连接位置保持可见,上方以短标题建立主题。浅蓝底与粗体字形成清楚对比,产品不会被文字覆盖。
对照信息:用大箭头安排阅读方向

我们将两组织带主题并排排布,下方蓝色箭头收住信息。数字与标题分层,比较内容通过对齐得到整理。
织带特写:手部展示表面形态

我们用双手与织带的近景补充材质主题,背景保持浅色。少量文字干扰让编织纹理和弯曲形态成为画面重点。
散步情境:建立人物与宠物之间的比例

我们将人物腿部、犬只与牵引绳放在同一画面,蓝绿底色延续前文。牵引绳在画面中保留可追踪的路径,场景与商品形成直接关系。
项圈模块:圆角卡片整理附件信息

我们把项圈放在白色图片区,右侧使用短列表,绿色外框与蓝色标题建立层次。图片和文字分列,配件不再混在主产品说明里。
牵引绳模块:沿用附件卡片的统一结构

我们继续采用白色圆角容器,产品放在一侧,说明集中在另一侧。相同字号与边距连接附件系列,便于横向比较。
连接配件:让扣件轮廓保持完整

我们将双端扣件配件独立成卡,箭头与短标题提示章节。完整产品图与简洁文字分别占位,使配件主题有清楚收尾。
交付与设计价值
我们通过这一版详情页,围绕穿戴步骤与配件体系建立连续的阅读路径。天空蓝与青柠绿、粗体短标题、圆角说明卡连接不同章节,图像尺度、文字层级和留白共同区分主次,让产品总览与局部说明相互补充。
为您的产品梳理清楚的 Coupang 视觉表达
您可以向我们提供产品链接、现有素材与需要说明的重点。我们会结合商品结构、款式与使用情境,规划适合的图组或详情页内容与版式。



