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

我们将宝宝与连接环放在柔和家居场景中,标题集中在上方。浅色照片保留足够空间,让人物动作与产品走向保持清楚。
组合平铺:用圆形排列呈现配件

我们把不同颜色的环与造型件排成圆形,织物纹理作为柔和背景。颜色在画面中均匀分布,套装组合可以完整辨认。
主题索引:六个图标保持共同尺度

我们用暖棕圆形图标组织不同主题,短文字放在图标下方。相同间距与字号让索引有整齐节奏,与实景照片形成阅读变化。
座椅场景:保留挂接路径

我们将连接环沿座椅边缘展开,画面保留连接点和下垂关系。较少的文字让结构可以被直接观察,场景负责说明空间位置。
推车情境:用近景突出连接位置

我们从较近的角度展示连接环与推车的关系,主体占据画面中心。文字放在上方,不穿过挂接位置和配件。
结构细节:局部圆框连接平铺组合

我们将造型件散开排列,并用两个圆形近景补充环体细节。说明线沿外缘展开,主图与局部之间保持明确对应。
对照版式:让局部形态保持可比

我们以局部照片和单环近景组织对照主题,米白底让轮廓更清楚。两类画面分别成区,不把比较文字压在细节上。
人物近景:把产品放回互动过程

我们保留宝宝手部与连接环的关系,文字集中在一侧干净区域。暖色家居背景延续开场,场景与结构说明自然连接。
护理索引:图标与参数逐项对应

我们用六个线描图标组织护理主题,每项说明位于对应图形下方。共同线宽与规则行列让密集信息仍有清楚边界。
系列选择:两组组合放在统一卡片中

我们将两种配色系列分为上下两区,左侧摆放配件,右侧收纳短文字。相同结构与棕色边框帮助读者逐组查找。
环境延展:用两张照片整理挂接位置

我们将不同挂接情境用上下错位照片呈现,白色留白分隔背景。商品颜色在不同环境中持续成为识别线索。
规格收尾:尺寸、包装与资料分层

我们在上部用尺寸线展示配件与包装,下部以表格排列资料。相同字重与对齐连接图示和文字,使详情末段保持规整。
交付与设计价值
我们通过这一版详情页,围绕连接组合与场景延展建立连续的阅读路径。米白暖棕、实景宝宝照片、统一圆形图标连接不同章节,图像尺度、文字层级和留白共同区分主次,让产品总览与局部说明相互补充。
为您的产品梳理清楚的 Coupang 视觉表达
您可以向我们提供产品链接、现有素材与需要说明的重点。我们会结合商品结构、款式与使用情境,规划适合的图组或详情页内容与版式。



