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

我们用深蓝横条连接产品总览、颜色展示和结构说明。白底让红橙蓝等织带颜色保持清楚,长图通过分区获得阅读节奏。
连接与尺码:图示和表格左右分工

我们在上方并排展示连接位置,下方用犬只测量图与尺码表说明选款信息。黄色圈线贴近对应位置,图与文字保持直接关系。
户外照片:以四格统一不同姿态

我们把两只犬只的照片整理为四格,共同边距连接不同地面背景。牵引位置保持可见,读者可以观察胸背在身体上的走向。
浅色犬只近景:强调织带线路

我们用一张大图配两张小图呈现红蓝织带,图片之间保持清楚间隔。近距离取景让扣件与背部交叉关系成为重点。
另一组穿戴:延续相同照片结构

我们用相似的大小图组合展示另一只犬只,蓝色织带从暖色毛发中突出。统一照片比例让相邻模块可以连续比较。
交付与设计价值
我们通过这一版详情页,围绕连接位置与尺码选择建立连续的阅读路径。深蓝栏目条、白底说明、真实穿戴照片连接不同章节,图像尺度、文字层级和留白共同区分主次,让产品总览与局部说明相互补充。
为您的产品梳理清楚的 Coupang 视觉表达
您可以向我们提供产品链接、现有素材与需要说明的重点。我们会结合商品结构、款式与使用情境,规划适合的图组或详情页内容与版式。



